Recognised as Colour
#682CEA
- #682CEA
- Violet
- Dark
- Nearest: Blue violet
#682CEA is a violet with RGB values 104, 44, 234 and HSL 259°, 82%, 55%. It is a dark colour, so white text on it reaches 6.7:1 contrast (AA for normal text). The nearest named colour is Blue violet.
Colour values
#682CEA#682CEA
HEX#682CEA
RGBrgb(104, 44, 234)
RGB (0–1)0.4078, 0.1725, 0.9176
RGB percentages40.8%, 17.3%, 91.8%
HSLhsl(258.9, 81.9%, 54.5%)
HSV / HSBhsv(258.9, 81.2%, 91.8%)
CMYK55.6%, 81.2%, 0%, 8.2%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer6,827,242
CSS custom property--colour: #682CEA;
Brightness & contrast
Relative luminance0.10685WCAG 2.x, 0 is black and 1 is white
Perceived brightness103 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 6.69:1
Contrast with white6.69:1WCAG normal text: AA
Contrast with black3.14:1WCAG normal text: Fail
Greyscale equivalent#464646
Inverted#97D315
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text6.69:1WCAG large text: AAA
Contrast with black, large text3.14:1WCAG large text: AA
Named colours
Hue familyviolet
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#AEEA2C
Analogous#2C4FEA, #C72CEA
Triadic#EA682C, #2CEA68
Split complementary#EAC72C, #4FEA2C
Tetradic#EA2C4F, #AEEA2C, #2CEAC7
Tints, shades & saturation
Channel breakdown
R104
G44
B234
Red104 (40.8%)
Green44 (17.3%)
Blue234 (91.8%)
Hue258.95°
Saturation (HSL)81.9%
Lightness54.51%
Dominant channelBlue
Hex per channelR 68 · G 2C · B EA
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