#031E22

#031E22

Color Values

HEX

#031E22

RGB

3, 30, 34

HSL

187.7, 83.8%, 7.3%

HSV

187.7, 91.2%, 13.3%

CMYK

91.2%, 11.8%, 0.0%, 86.7%

OKLCH

0.2165 0.0337 208.5

Properties

Cool Dark Nearest: RAL 7021 Black Grey

Color Harmonies

Complementary

#031E22

#220703

Analogous

#032217

#030F22

#031E22

Triadic

#031E22

#22031E

#1E2203

Split Complementary

#031E22

#22030F

#221703

Tetradic

#031E22

#170322

#220703

#0F2203

Color Blindness Simulation

Original

#031E22

Protanopia

#0F0F21

Deuteranopia

#0D0B21

Tritanopia

#042020

Achromatopsia

#191919

CSS Usage

background-color: #031E22;
color: #031E22;
border-color: #031E22;
Nearest Tailwind: Teal 950 #042F2E

Tailwind Shades

50
#F2FBFD
100
#E0F7FA
200
#BDF2F9
300
#8FE8F5
400
#52DBF0
500
#15CFEA
600
#11A6BB
700
#0D8496
800
#0A6775
900
#0C4C55
950
#083036

Contrast Checker

Text on white

17.32:1

AA Pass AAA Pass

Text on black

1.21:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026