Recognised as Colour

#201D3E

#201D3E
Blue
Dark
Nearest: Black

#201D3E is a blue with RGB values 32, 29, 62 and HSL 245°, 36%, 18%. 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

#201D3E#201D3E

HEX#201D3E

RGBrgb(32, 29, 62)

RGB (0–1)0.1255, 0.1137, 0.2431

RGB percentages12.5%, 11.4%, 24.3%

HSLhsl(245.5, 36.3%, 17.8%)

HSV / HSBhsv(245.5, 53.2%, 24.3%)

CMYK48.4%, 53.2%, 0%, 75.7%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer2,104,638

CSS custom property--colour: #201D3E;

Brightness & contrast

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

Perceived brightness35.2 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 16.07:1

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

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

Greyscale equivalent#202020

Inverted#DFE2C1

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#10223Fno red cones; affects about 1% of men; ΔE 7.6 from the original

Deuteranopia#0F203Dno green cones; the most common form, about 1% of men; ΔE 7.2 from the original

Tritanopia#17242Ano blue cones; rare, and affects men and women equally; ΔE 21.4 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Black · ΔE 27 Dark slateblue · ΔE 31.5 Dark slate grey · ΔE 34.2 Midnight blue · ΔE 35.3 Dim grey · ΔE 39.5 Slate grey · ΔE 43.5

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#3B3E1D

Analogous#1D2A3E, #311D3E

Triadic#3E201D, #1D3E20

Split complementary#3E301D, #2B3E1D

Tetradic#3E1D2A, #3B3E1D, #1D3E31

Tints, shades & saturation

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

Lighter +40%#746DBA

Lighter +30%#564EA6

Lighter +20%#443E83

Lighter +10%#322D61

Darker −10%#0E0D1B

Darker −20%#000000

Darker −30%#000000

Darker −40%#000000

More saturated +25%#171249

Less saturated −25%#292833

Channel breakdown

R32

G29

B62

Red32 (12.5%)

Green29 (11.4%)

Blue62 (24.3%)

Hue245.45°

Saturation (HSL)36.26%

Lightness17.84%

Dominant channelBlue

Hex per channelR 20 · G 1D · B 3E

Keep nerding

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

#201D3E

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