#031C14

#031C14

Color Values

HEX

#031C14

RGB

3, 28, 20

HSL

160.8, 80.6%, 6.1%

HSV

160.8, 89.3%, 11.0%

CMYK

89.3%, 0.0%, 28.6%, 89.0%

OKLCH

0.2035 0.036 169.2

Properties

Cool Dark Nearest: RAL 9011 Graphite Black

Color Harmonies

Complementary

#031C14

#1C030B

Analogous

#031C08

#03181C

#031C14

Triadic

#031C14

#14031C

#1C1403

Split Complementary

#031C14

#1C0318

#1C0803

Tetradic

#031C14

#08031C

#1C030B

#181C03

Color Blindness Simulation

Original

#031C14

Protanopia

#0E0E16

Deuteranopia

#0C0A16

Tritanopia

#041718

Achromatopsia

#161616

CSS Usage

background-color: #031C14;
color: #031C14;
border-color: #031C14;
Nearest Tailwind: Emerald 950 #022C22

Tailwind Shades

50
#F2FDF9
100
#E1F9F2
200
#BFF8E6
300
#90F3D4
400
#55EDBC
500
#19E6A4
600
#14B884
700
#109369
800
#0C7352
900
#0D543D
950
#083527

Contrast Checker

Text on white

17.8:1

AA Pass AAA Pass

Text on black

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