#203C39

#203C39

Color Values

HEX

#203C39

RGB

32, 60, 57

HSL

173.6, 30.4%, 18.0%

HSV

173.6, 46.7%, 23.5%

CMYK

46.7%, 0.0%, 5.0%, 76.5%

OKLCH

0.3329 0.0345 186.9

Properties

Cool Dark Nearest: RAL 6036 Pearl Opal Green

Color Harmonies

Complementary

#203C39

#3C2023

Analogous

#203C2B

#20313C

#203C39

Triadic

#203C39

#39203C

#3C3920

Split Complementary

#203C39

#3C2031

#3C2B20

Tetradic

#203C39

#2B203C

#3C2023

#313C20

Color Blindness Simulation

Original

#203C39

Protanopia

#2C2C3A

Deuteranopia

#2A283A

Tritanopia

#213A3A

Achromatopsia

#363636

CSS Usage

background-color: #203C39;
color: #203C39;
border-color: #203C39;
Nearest Tailwind: Teal 950 #042F2E

Tailwind Shades

50
#F5F9F9
100
#E9F2F1
200
#D0E6E4
300
#AFD4D0
400
#84BDB7
500
#59A69E
600
#47857E
700
#396A65
800
#2C534F
900
#233E3B
950
#162725

Contrast Checker

Text on white

11.89:1

AA Pass AAA Pass

Text on black

1.77:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026