#031C12

#031C12

Color Values

HEX

#031C12

RGB

3, 28, 18

HSL

156.0, 80.6%, 6.1%

HSV

156.0, 89.3%, 11.0%

CMYK

89.3%, 0.0%, 35.7%, 89.0%

OKLCH

0.2028 0.0381 164.3

Properties

Cool Dark Nearest: RAL 9011 Graphite Black

Color Harmonies

Complementary

#031C12

#1C030D

Analogous

#031C06

#031A1C

#031C12

Triadic

#031C12

#12031C

#1C1203

Split Complementary

#031C12

#1C031A

#1C0603

Tetradic

#031C12

#06031C

#1C030D

#1A1C03

Color Blindness Simulation

Original

#031C12

Protanopia

#0E0E14

Deuteranopia

#0C0A15

Tritanopia

#041617

Achromatopsia

#161616

CSS Usage

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

Tailwind Shades

50
#F2FDF8
100
#E1F9F0
200
#BFF8E1
300
#90F3CC
400
#55EDB0
500
#19E694
600
#14B876
700
#10935F
800
#0C734A
900
#0D5437
950
#083523

Contrast Checker

Text on white

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