Recognised as Colour
#C522DC
- #C522DC
- Magenta
- Dark
- Nearest: Dark violet
#C522DC is a magenta with RGB values 197, 34, 220 and HSL 293°, 73%, 50%. It is a dark colour, so black text on it reaches 4.6:1 contrast (AA for normal text). The nearest named colour is Dark violet.
Colour values
#C522DC#C522DC
HEX#C522DC
RGBrgb(197, 34, 220)
RGB (0–1)0.7725, 0.1333, 0.8627
RGB percentages77.3%, 13.3%, 86.3%
HSLhsl(292.6, 73.2%, 49.8%)
HSV / HSBhsv(292.6, 84.5%, 86.3%)
CMYK10.5%, 84.5%, 0%, 13.7%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer12,919,516
CSS custom property--colour: #C522DC;
Brightness & contrast
Relative luminance0.18182WCAG 2.x, 0 is black and 1 is white
Perceived brightness133.4 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 4.64:1
Contrast with white4.53:1WCAG normal text: AA
Contrast with black4.64:1WCAG normal text: AA
Greyscale equivalent#525252
Inverted#3ADD23
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text4.53:1WCAG large text: AAA
Contrast with black, large text4.64:1WCAG large text: AAA
Named colours
Hue familymagenta
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#39DC22
Analogous#6822DC, #DC2296
Triadic#DCC522, #22DCC5
Split complementary#96DC22, #22DC68
Tetradic#DC6822, #39DC22, #2296DC
Tints, shades & saturation
Channel breakdown
R197
G34
B220
Red197 (77.3%)
Green34 (13.3%)
Blue220 (86.3%)
Hue292.58°
Saturation (HSL)73.23%
Lightness49.8%
Dominant channelBlue
Hex per channelR C5 · G 22 · B DC
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