#031D20

#031D20

Color Values

HEX

#031D20

RGB

3, 29, 32

HSL

186.2, 82.9%, 6.9%

HSV

186.2, 90.6%, 12.5%

CMYK

90.6%, 9.4%, 0.0%, 87.5%

OKLCH

0.2122 0.0326 205.5

Properties

Cool Dark Nearest: RAL 9011 Graphite Black

Color Harmonies

Complementary

#031D20

#200603

Analogous

#032015

#030F20

#031D20

Triadic

#031D20

#20031D

#1D2003

Split Complementary

#031D20

#20030F

#201503

Tetradic

#031D20

#150320

#200603

#0F2003

Color Blindness Simulation

Original

#031D20

Protanopia

#0E0E1F

Deuteranopia

#0D0B1F

Tritanopia

#041F1F

Achromatopsia

#181818

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E1F7FA
200
#BEF3F9
300
#8FEAF5
400
#52DFEF
500
#16D3E9
600
#11A9BB
700
#0E8795
800
#0B6A75
900
#0C4D55
950
#083135

Contrast Checker

Text on white

17.49:1

AA Pass AAA Pass

Text on black

1.2:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026