Colour
#422D3C
- #422D3C
- Magenta
- Dark
- Nearest: Black
#422D3C is a magenta with RGB values 66, 45, 60 and HSL 317°, 19%, 22%. It is a dark colour, so white text on it reaches 12.6:1 contrast (AAA for normal text). The nearest named colour is Black.
Colour values
#422D3C#422D3C
HEX#422D3C
RGBrgb(66, 45, 60)
RGB (0–1)0.2588, 0.1765, 0.2353
RGB percentages25.9%, 17.6%, 23.5%
HSLhsl(317.1, 18.9%, 21.8%)
HSV / HSBhsv(317.1, 31.8%, 25.9%)
CMYK0%, 31.8%, 9.1%, 74.1%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer4,336,956
CSS custom property--colour: #422D3C;
Brightness & contrast
Relative luminance0.03361WCAG 2.x, 0 is black and 1 is white
Perceived brightness53.9 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 12.56:1
Contrast with white12.56:1WCAG normal text: AAA
Contrast with black1.67:1WCAG normal text: Fail
Greyscale equivalent#333333
Inverted#BDD2C3
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text12.56:1WCAG large text: AAA
Contrast with black, large text1.67:1WCAG large text: Fail
Named colours
Hue familymagenta
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#2D4233
Analogous#3D2D42, #422D32
Triadic#3C422D, #2D3C42
Split complementary#31422D, #2D423D
Tetradic#423E2D, #2D4233, #2D3242
Tints, shades & saturation
Channel breakdown
R66
G45
B60
Red66 (25.9%)
Green45 (17.6%)
Blue60 (23.5%)
Hue317.14°
Saturation (HSL)18.92%
Lightness21.76%
Dominant channelRed
Hex per channelR 42 · G 2D · B 3C
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