Recognised as Colour
#582DD2
- #582DD2
- Violet
- Dark
- Nearest: Blue violet
#582DD2 is a violet with RGB values 88, 45, 210 and HSL 256°, 65%, 50%. It is a dark colour, so white text on it reaches 7.7:1 contrast (AAA for normal text). The nearest named colour is Blue violet.
Colour values
#582DD2#582DD2
HEX#582DD2
RGBrgb(88, 45, 210)
RGB (0–1)0.3451, 0.1765, 0.8235
RGB percentages34.5%, 17.6%, 82.4%
HSLhsl(255.6, 64.7%, 50%)
HSV / HSBhsv(255.6, 78.6%, 82.4%)
CMYK58.1%, 78.6%, 0%, 17.6%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer5,778,898
CSS custom property--colour: #582DD2;
Brightness & contrast
Relative luminance0.08605WCAG 2.x, 0 is black and 1 is white
Perceived brightness92.4 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 7.72:1
Contrast with white7.72:1WCAG normal text: AAA
Contrast with black2.72:1WCAG normal text: Fail
Greyscale equivalent#424242
Inverted#A7D22D
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text7.72:1WCAG large text: AAA
Contrast with black, large text2.72:1WCAG large text: Fail
Named colours
Hue familyviolet
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#A7D22D
Analogous#2D55D2, #AB2DD2
Triadic#D2582D, #2DD258
Split complementary#D2AA2D, #55D22D
Tetradic#D22D54, #A7D22D, #2DD2AA
Tints, shades & saturation
Channel breakdown
R88
G45
B210
Red88 (34.5%)
Green45 (17.6%)
Blue210 (82.4%)
Hue255.64°
Saturation (HSL)64.71%
Lightness50%
Dominant channelBlue
Hex per channelR 58 · G 2D · B D2
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