Colour

#20535B

#20535B
Cyan
Dark
Nearest: Dark slate grey

#20535B is a cyan with RGB values 32, 83, 91 and HSL 188°, 48%, 24%. It is a dark colour, so white text on it reaches 8.6:1 contrast (AAA for normal text). The nearest named colour is Dark slate grey.

Colour values

#20535B#20535B

HEX#20535B

RGBrgb(32, 83, 91)

RGB (0–1)0.1255, 0.3255, 0.3569

RGB percentages12.5%, 32.5%, 35.7%

HSLhsl(188.1, 48%, 24.1%)

HSV / HSBhsv(188.1, 64.8%, 35.7%)

CMYK64.8%, 8.8%, 0%, 64.3%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer2,118,491

CSS custom property--colour: #20535B;

Brightness & contrast

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

Perceived brightness72.8 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 8.57:1

Contrast with white8.57:1WCAG normal text: AAA

Contrast with black2.45:1WCAG normal text: Fail

Greyscale equivalent#494949

Inverted#DFACA4

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#4C505Cno red cones; affects about 1% of men; ΔE 15.7 from the original

Deuteranopia#43495Bno green cones; the most common form, about 1% of men; ΔE 16.5 from the original

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text8.57:1WCAG large text: AAA

Contrast with black, large text2.45:1WCAG large text: Fail

Named colours

Dark slate grey · ΔE 6.6 Dim grey · ΔE 21 Teal · ΔE 21.7 Slate grey · ΔE 23.8 Dark cyan · ΔE 25.8 Light slate grey · ΔE 26.4

Nearest named CSS colourDark slate grey (#2F4F4F)ΔE 6.62, clearly different but related

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#5B2820

Analogous#205B45, #20365B

Triadic#5B2053, #535B20

Split complementary#5B2036, #5B4620

Tetradic#45205B, #5B2820, #355B20

Tints, shades & saturation

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

Lighter +40%#78C3CF

Lighter +30%#52B3C2

Lighter +20%#3B98A6

Lighter +10%#2D7581

Darker −10%#133135

Darker −20%#050E10

Darker −30%#000000

Darker −40%#000000

More saturated +25%#115E6A

Less saturated −25%#2F484C

Channel breakdown

R32

G83

B91

Red32 (12.5%)

Green83 (32.5%)

Blue91 (35.7%)

Hue188.14°

Saturation (HSL)47.97%

Lightness24.12%

Dominant channelBlue

Hex per channelR 20 · G 53 · B 5B

Keep nerding

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

#20535B

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