Colour

#20202D

#20202D
Blue
Dark
Nearest: Black

#20202D is a blue with RGB values 32, 32, 45 and HSL 240°, 17%, 15%. It is a dark colour, so white text on it reaches 16.1:1 contrast (AAA for normal text). The nearest named colour is Black.

Colour values

#20202D#20202D

HEX#20202D

RGBrgb(32, 32, 45)

RGB (0–1)0.1255, 0.1255, 0.1765

RGB percentages12.5%, 12.5%, 17.6%

HSLhsl(240, 16.9%, 15.1%)

HSV / HSBhsv(240, 28.9%, 17.6%)

CMYK28.9%, 28.9%, 0%, 82.4%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer2,105,389

CSS custom property--colour: #20202D;

Brightness & contrast

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

Perceived brightness33.7 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 16.08:1

Contrast with white16.08:1WCAG normal text: AAA

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

Greyscale equivalent#212121

Inverted#DFDFD2

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#1D222Eno red cones; affects about 1% of men; ΔE 2.4 from the original

Deuteranopia#1C212Dno green cones; the most common form, about 1% of men; ΔE 2.3 from the original

Tritanopia#1D2224no blue cones; rare, and affects men and women equally; ΔE 8.4 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text16.08:1WCAG large text: AAA

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

Named colours

Black · ΔE 15.9 Dark slate grey · ΔE 24.5 Dim grey · ΔE 33 Slate grey · ΔE 40.5 Gray · ΔE 41.9 Light slate grey · ΔE 43.6

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#2D2D20

Analogous#20272D, #27202D

Triadic#2D2020, #202D20

Split complementary#2D2720, #272D20

Tetradic#2D2027, #2D2D20, #202D27

Tints, shades & saturation

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

Lighter +40%#7979A0

Lighter +30%#606086

Lighter +20%#4A4A69

Lighter +10%#35354B

Darker −10%#0B0B0F

Darker −20%#000000

Darker −30%#000000

Darker −40%#000000

More saturated +25%#161637

Less saturated −25%#272727

Channel breakdown

R32

G32

B45

Red32 (12.5%)

Green32 (12.5%)

Blue45 (17.6%)

Hue240°

Saturation (HSL)16.88%

Lightness15.1%

Dominant channelBlue

Hex per channelR 20 · G 20 · B 2D

Keep nerding

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

#20202D

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