Recognised as Colour
#522C52
- #522C52
- Magenta
- Dark
- Nearest: Dark slateblue
#522C52 is a magenta with RGB values 82, 44, 82 and HSL 300°, 30%, 25%. It is a dark colour, so white text on it reaches 11.4:1 contrast (AAA for normal text). The nearest named colour is Dark slateblue.
Colour values
#522C52#522C52
HEX#522C52
RGBrgb(82, 44, 82)
RGB (0–1)0.3216, 0.1725, 0.3216
RGB percentages32.2%, 17.3%, 32.2%
HSLhsl(300, 30.2%, 24.7%)
HSV / HSBhsv(300, 46.3%, 32.2%)
CMYK0%, 46.3%, 0%, 67.8%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer5,385,298
CSS custom property--colour: #522C52;
Brightness & contrast
Relative luminance0.04204WCAG 2.x, 0 is black and 1 is white
Perceived brightness62.6 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 11.41:1
Contrast with white11.41:1WCAG normal text: AAA
Contrast with black1.84:1WCAG normal text: Fail
Greyscale equivalent#373737
Inverted#ADD3AD
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text11.41:1WCAG large text: AAA
Contrast with black, large text1.84:1WCAG large text: Fail
Named colours
Hue familymagenta
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#2C522C
Analogous#3F2C52, #522C3F
Triadic#52522C, #2C5252
Split complementary#3F522C, #2C523F
Tetradic#523F2C, #2C522C, #2C3F52
Tints, shades & saturation
Channel breakdown
R82
G44
B82
Red82 (32.2%)
Green44 (17.3%)
Blue82 (32.2%)
Hue300°
Saturation (HSL)30.16%
Lightness24.71%
Dominant channelRed and Blue
Hex per channelR 52 · G 2C · B 52
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