Recognised as Colour
#5F3CCC
- #5F3CCC
- Blue
- Dark
- Nearest: Medium slateblue
#5F3CCC is a blue with RGB values 95, 60, 204 and HSL 255°, 59%, 52%. It is a dark colour, so white text on it reaches 7:1 contrast (AA for normal text). The nearest named colour is Medium slateblue.
Colour values
#5F3CCC#5F3CCC
HEX#5F3CCC
RGBrgb(95, 60, 204)
RGB (0–1)0.3725, 0.2353, 0.8
RGB percentages37.3%, 23.5%, 80%
HSLhsl(254.6, 58.5%, 51.8%)
HSV / HSBhsv(254.6, 70.6%, 80%)
CMYK53.4%, 70.6%, 0%, 20%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer6,241,484
CSS custom property--colour: #5F3CCC;
Brightness & contrast
Relative luminance0.10024WCAG 2.x, 0 is black and 1 is white
Perceived brightness97.8 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 6.99:1
Contrast with white6.99:1WCAG normal text: AA
Contrast with black3:1WCAG normal text: Fail
Greyscale equivalent#4E4E4E
Inverted#A0C333
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text6.99:1WCAG large text: AAA
Contrast with black, large text3:1WCAG large text: AA
Named colours
Hue familyblue
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#A9CC3C
Analogous#3C61CC, #A73CCC
Triadic#CC5F3C, #3CCC5F
Split complementary#CCA73C, #61CC3C
Tetradic#CC3C61, #A9CC3C, #3CCCA7
Tints, shades & saturation
Channel breakdown
R95
G60
B204
Red95 (37.3%)
Green60 (23.5%)
Blue204 (80%)
Hue254.58°
Saturation (HSL)58.54%
Lightness51.76%
Dominant channelBlue
Hex per channelR 5F · G 3C · B CC
Keep nerding
Every link below is a page Nerdulator can generate from what it already knows about this value.
Harmonies
Similar named colours
Nerdulate something else
Nothing in mind? Surprise me · today’s page