Very dark purple to HSL — Color Code

#2a0134
Format Value
HEX #2a0134
RGB rgb(42, 1, 52)
HSL hsl(288.2, 96.2%, 10.4%)
CMYK cmyk(19.2%, 98.1%, 0%, 79.6%)
HSV hsv(288.2, 98.1%, 20.4%)

very dark purple color harmonies

Tints & shades of very dark purple

Tints (lighter)

#3d1846 #512f59 #64466b #775d7e #8b7490 #9e8ca3 #b2a3b5 #c5bac8 #d8d1da #ece8ed

Shades (darker)

#26012f #22012b #1f0126 #1b0121 #17011c #130018 #0f0013 #0b000e #080009 #040005

Contrast & accessibility

The quick brown fox

On white · 18.22:1 · AAA

The quick brown fox

On black · 1.15:1 · Fail

Recommended text color: #ffffff

Use very dark purple in code

CSS color: #2a0134;
SCSS $color: #2a0134;
Tailwind bg-[#2a0134]
Swift UIColor(red: 0.165, green: 0.004, blue: 0.204, alpha: 1)
Android Color.parseColor("#2a0134")
Flutter Color(0xFF2A0134)

Colors similar to very dark purple

Browse all Purple colors →

What is the HSL code for very dark purple?

The CSS color very dark purple in HSL format is hsl(288.2, 96.2%, 10.4%). Use this value directly in CSS, SVG, and most design tools.

How do I use very dark purple in CSS?

To apply very dark purple in CSS:

  • Text color: color: hsl(288.2, 96.2%, 10.4%);
  • Background: background-color: hsl(288.2, 96.2%, 10.4%);
  • Border: border-color: hsl(288.2, 96.2%, 10.4%);

What are all the color format values for very dark purple?

FormatValue
HEX#2a0134
RGBrgb(42, 1, 52)
HSLhsl(288.2, 96.2%, 10.4%)
CMYKcmyk(19.2%, 98.1%, 0%, 79.6%)

How do I convert very dark purple to HSL?

Select very dark purple from the color name list in our color converter. The HSL value — hsl(288.2, 96.2%, 10.4%) — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does very dark purple belong to?

very dark purple belongs to the purple color family. It is a dark, vivid color with HSL values: hue 288.2°, saturation 96.2%, lightness 10.4%.

How do I create lighter and darker shades of very dark purple?

Lighter variant (lightness 25.4%): #67027f. Darker variant (lightness 5%): #140019. These values are computed by adjusting HSL lightness ±15% while keeping the same hue and saturation.

What is HSL used for?

HSL describes colors by hue (0–360°), saturation (0–100%) and lightness (0–100%). It is more intuitive for designers — easy to create lighter, darker or less saturated variants of any color.