#031C20

#031C20

Color Values

HEX

#031C20

RGB

3, 28, 32

HSL

188.3, 82.9%, 6.9%

HSV

188.3, 90.6%, 12.5%

CMYK

90.6%, 12.5%, 0.0%, 87.5%

OKLCH

0.2089 0.0322 209.3

Properties

Cool Dark Nearest: RAL 9011 Graphite Black

Color Harmonies

Complementary

#031C20

#200703

Analogous

#032016

#030E20

#031C20

Triadic

#031C20

#20031C

#1C2003

Split Complementary

#031C20

#20030E

#201603

Tetradic

#031C20

#160320

#200703

#0E2003

Color Blindness Simulation

Original

#031C20

Protanopia

#0E0E1F

Deuteranopia

#0C0A1F

Tritanopia

#041E1E

Achromatopsia

#171717

CSS Usage

background-color: #031C20;
color: #031C20;
border-color: #031C20;
Nearest Tailwind: Zinc 900 #18181B

Tailwind Shades

50
#F2FBFD
100
#E1F6FA
200
#BEF1F9
300
#8FE6F5
400
#52D9EF
500
#16CCE9
600
#11A3BB
700
#0E8395
800
#0B6675
900
#0C4B55
950
#082F35

Contrast Checker

Text on white

17.63:1

AA Pass AAA Pass

Text on black

1.19:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026