#20436C

#20436C

Color Values

HEX

#20436C

RGB

32, 67, 108

HSL

212.4, 54.3%, 27.5%

HSV

212.4, 70.4%, 42.4%

CMYK

70.4%, 38.0%, 0.0%, 57.6%

OKLCH

0.3783 0.0815 253.8

Properties

Cool Dark Nearest: Midnight Blue

Color Harmonies

Complementary

#20436C

#6C4920

Analogous

#20696C

#23206C

#20436C

Triadic

#20436C

#6C2043

#436C20

Split Complementary

#20436C

#6C2320

#696C20

Tetradic

#20436C

#6C2069

#6C4920

#206C23

Color Blindness Simulation

Original

#20436C

Protanopia

#2F2F62

Deuteranopia

#2D2A60

Tritanopia

#225A59

Achromatopsia

#3F3F3F

CSS Usage

background-color: #20436C;
color: #20436C;
border-color: #20436C;
Nearest Tailwind: Sky 900 #0C4A6E

Tailwind Shades

50
#F4F7FB
100
#E5ECF5
200
#C8DAEF
300
#A1BFE3
400
#6D9DD4
500
#3A7AC5
600
#2F629D
700
#254E7E
800
#1D3D62
900
#192F48
950
#101D2E

Contrast Checker

Text on white

10.09:1

AA Pass AAA Pass

Text on black

2.08:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026