Colour
#C587DE
- #C587DE
- Violet
- Dark
- Nearest: Plum
#C587DE is a violet with RGB values 197, 135, 222 and HSL 283°, 57%, 70%. It is a dark colour, so black text on it reaches 7.9:1 contrast (AAA for normal text). The nearest named colour is Plum.
Colour values
#C587DE#C587DE
HEX#C587DE
RGBrgb(197, 135, 222)
RGB (0–1)0.7725, 0.5294, 0.8706
RGB percentages77.3%, 52.9%, 87.1%
HSLhsl(282.8, 56.9%, 70%)
HSV / HSBhsv(282.8, 39.2%, 87.1%)
CMYK11.3%, 39.2%, 0%, 12.9%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer12,945,374
CSS custom property--colour: #C587DE;
Brightness & contrast
Relative luminance0.34472WCAG 2.x, 0 is black and 1 is white
Perceived brightness167.1 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 7.89:1
Contrast with white2.66:1WCAG normal text: Fail
Contrast with black7.89:1WCAG normal text: AAA
Greyscale equivalent#9A9A9A
Inverted#3A7821
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text2.66:1WCAG large text: Fail
Contrast with black, large text7.89:1WCAG large text: AAA
Named colours
Hue familyviolet
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#A0DE87
Analogous#9987DE, #DE87CC
Triadic#DEC587, #87DEC5
Split complementary#CBDE87, #87DE9A
Tetradic#DE9987, #A0DE87, #87CCDE
Tints, shades & saturation
Channel breakdown
R197
G135
B222
Red197 (77.3%)
Green135 (52.9%)
Blue222 (87.1%)
Hue282.76°
Saturation (HSL)56.86%
Lightness70%
Dominant channelBlue
Hex per channelR C5 · G 87 · B DE
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