Colour

#20131E

#20131E
Magenta
Dark
Nearest: Black

#20131E is a magenta with RGB values 32, 19, 30 and HSL 309°, 25%, 10%. It is a dark colour, so white text on it reaches 17.9:1 contrast (AAA for normal text). The nearest named colour is Black.

Colour values

#20131E#20131E

HEX#20131E

RGBrgb(32, 19, 30)

RGB (0–1)0.1255, 0.0745, 0.1176

RGB percentages12.5%, 7.5%, 11.8%

HSLhsl(309.2, 25.5%, 10%)

HSV / HSBhsv(309.2, 40.6%, 12.5%)

CMYK0%, 40.6%, 6.2%, 87.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer2,102,046

CSS custom property--colour: #20131E;

Brightness & contrast

Relative luminance0.00867WCAG 2.x, 0 is black and 1 is white

Perceived brightness24.9 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 17.9:1

Contrast with white17.9:1WCAG normal text: AAA

Contrast with black1.17:1WCAG normal text: Fail

Greyscale equivalent#171717

Inverted#DFECE1

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#13161Eno red cones; affects about 1% of men; ΔE 8.2 from the original

Deuteranopia#16181Eno green cones; the most common form, about 1% of men; ΔE 8.4 from the original

Tritanopia#211417no blue cones; rare, and affects men and women equally; ΔE 5.9 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text17.9:1WCAG large text: AAA

Contrast with black, large text1.17:1WCAG large text: Fail

Named colours

Black · ΔE 13 Dark slate grey · ΔE 31.4 Dim grey · ΔE 38 Slate grey · ΔE 46.7 Dark slateblue · ΔE 46.7 Gray · ΔE 46.9

Nearest named CSS colourBlack (#000000)ΔE 13.04, a distinctly different colour

Hue familymagenta

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#132015

Analogous#1C1320, #201317

Triadic#1E2013, #131E20

Split complementary#182013, #13201C

Tetradic#201C13, #132015, #131720

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#A05F96

Lighter +30%#804C78

Lighter +20%#60395A

Lighter +10%#40263C

Darker −10%#000000

Darker −20%#000000

Darker −30%#000000

Darker −40%#000000

More saturated +25%#260D22

Less saturated −25%#1A191A

Channel breakdown

R32

G19

B30

Red32 (12.5%)

Green19 (7.5%)

Blue30 (11.8%)

Hue309.23°

Saturation (HSL)25.49%

Lightness10%

Dominant channelRed

Hex per channelR 20 · G 13 · B 1E

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#20131E

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else