Recognised as Colour
#D685F6
- #D685F6
- Violet
- Dark
- Nearest: Violet
#D685F6 is a violet with RGB values 214, 133, 246 and HSL 283°, 86%, 74%. It is a dark colour, so black text on it reaches 8.5:1 contrast (AAA for normal text). The nearest named colour is Violet.
Colour values
#D685F6#D685F6
HEX#D685F6
RGBrgb(214, 133, 246)
RGB (0–1)0.8392, 0.5216, 0.9647
RGB percentages83.9%, 52.2%, 96.5%
HSLhsl(283, 86.3%, 74.3%)
HSV / HSBhsv(283, 45.9%, 96.5%)
CMYK13%, 45.9%, 0%, 3.5%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer14,058,998
CSS custom property--colour: #D685F6;
Brightness & contrast
Relative luminance0.37725WCAG 2.x, 0 is black and 1 is white
Perceived brightness176 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 8.55:1
Contrast with white2.46:1WCAG normal text: Fail
Contrast with black8.55:1WCAG normal text: AAA
Greyscale equivalent#9E9E9E
Inverted#297A09
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text2.46:1WCAG large text: Fail
Contrast with black, large text8.55:1WCAG large text: AAA
Named colours
Hue familyviolet
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#A5F685
Analogous#9E85F6, #F685DD
Triadic#F6D685, #85F6D6
Split complementary#DEF685, #85F69E
Tetradic#F69E85, #A5F685, #85DEF6
Tints, shades & saturation
Channel breakdown
R214
G133
B246
Red214 (83.9%)
Green133 (52.2%)
Blue246 (96.5%)
Hue283.01°
Saturation (HSL)86.26%
Lightness74.31%
Dominant channelBlue
Hex per channelR D6 · G 85 · B F6
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