#031D1F

#031D1F

Color Values

HEX

#031D1F

RGB

3, 29, 31

HSL

184.3, 82.4%, 6.7%

HSV

184.3, 90.3%, 12.2%

CMYK

90.3%, 6.5%, 0.0%, 87.8%

OKLCH

0.2117 0.0323 202.0

Properties

Cool Dark Nearest: RAL 9011 Graphite Black

Color Harmonies

Complementary

#031D1F

#1F0503

Analogous

#031F13

#030F1F

#031D1F

Triadic

#031D1F

#1F031D

#1D1F03

Split Complementary

#031D1F

#1F030F

#1F1303

Tetradic

#031D1F

#13031F

#1F0503

#0F1F03

Color Blindness Simulation

Original

#031D1F

Protanopia

#0E0E1F

Deuteranopia

#0D0B1E

Tritanopia

#041E1E

Achromatopsia

#181818

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E1F8FA
200
#BEF5F9
300
#8FEDF4
400
#53E3EE
500
#16DAE9
600
#12AEBA
700
#0E8B95
800
#0B6D74
900
#0D4F54
950
#083235

Contrast Checker

Text on white

17.51: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