#20847E

#20847E

Color Values

HEX

#20847E

RGB

32, 132, 126

HSL

176.4, 61.0%, 32.2%

HSV

176.4, 75.8%, 51.8%

CMYK

75.8%, 0.0%, 4.5%, 48.2%

OKLCH

0.5572 0.088 188.9

Properties

Cool Light Nearest: Pine Green

Color Harmonies

Complementary

#20847E

#842026

Analogous

#20844C

#205884

#20847E

Triadic

#20847E

#7E2084

#847E20

Split Complementary

#20847E

#842058

#844C20

Tetradic

#20847E

#4C2084

#842026

#588420

Color Blindness Simulation

Original

#20847E

Protanopia

#4B4C7F

Deuteranopia

#463E80

Tritanopia

#258181

Achromatopsia

#6E6E6E

CSS Usage

background-color: #20847E;
color: #20847E;
border-color: #20847E;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F3FBFB
100
#E4F6F5
200
#C6F1EE
300
#9CE7E3
400
#67DAD3
500
#32CDC4
600
#28A49D
700
#20837D
800
#196762
900
#164B48
950
#0E2F2D

Contrast Checker

Text on white

4.5:1

AA Pass AAA Fail

Text on black

4.66:1

AA Pass 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