Recognised as Colour
#36148E
- #36148E
- Violet
- Dark
- Nearest: Indigo
#36148E is a violet with RGB values 54, 20, 142 and HSL 257°, 75%, 32%. It is a dark colour, so white text on it reaches 12.7:1 contrast (AAA for normal text). The nearest named colour is Indigo.
Colour values
#36148E#36148E
HEX#36148E
RGBrgb(54, 20, 142)
RGB (0–1)0.2118, 0.0784, 0.5569
RGB percentages21.2%, 7.8%, 55.7%
HSLhsl(256.7, 75.3%, 31.8%)
HSV / HSBhsv(256.7, 85.9%, 55.7%)
CMYK62%, 85.9%, 0%, 44.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,544,206
CSS custom property--colour: #36148E;
Brightness & contrast
Relative luminance0.03238WCAG 2.x, 0 is black and 1 is white
Perceived brightness58.4 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 12.75:1
Contrast with white12.75:1WCAG normal text: AAA
Contrast with black1.65:1WCAG normal text: Fail
Greyscale equivalent#242424
Inverted#C9EB71
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text12.75:1WCAG large text: AAA
Contrast with black, large text1.65:1WCAG large text: Fail
Named colours
Hue familyviolet
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#6C8E14
Analogous#142F8E, #73148E
Triadic#8E3614, #148E36
Split complementary#8E7314, #2F8E14
Tetradic#8E142F, #6C8E14, #148E73
Tints, shades & saturation
Channel breakdown
R54
G20
B142
Red54 (21.2%)
Green20 (7.8%)
Blue142 (55.7%)
Hue256.72°
Saturation (HSL)75.31%
Lightness31.76%
Dominant channelBlue
Hex per channelR 36 · G 14 · B 8E
Keep nerding
Every link below is a page Nerdulator can generate from what it already knows about this value.
Nerdulate something else
Nothing in mind? Surprise me · today’s page