#031F14

#031F14

Color Values

HEX

#031F14

RGB

3, 31, 20

HSL

156.4, 82.4%, 6.7%

HSV

156.4, 90.3%, 12.2%

CMYK

90.3%, 0.0%, 35.5%, 87.8%

OKLCH

0.2139 0.0411 164.0

Properties

Cool Dark Nearest: RAL 6036 Pearl Opal Green

Color Harmonies

Complementary

#031F14

#1F030E

Analogous

#031F06

#031C1F

#031F14

Triadic

#031F14

#14031F

#1F1403

Split Complementary

#031F14

#1F031C

#1F0603

Tetradic

#031F14

#06031F

#1F030E

#1C1F03

Color Blindness Simulation

Original

#031F14

Protanopia

#0F0F17

Deuteranopia

#0E0B17

Tritanopia

#041919

Achromatopsia

#181818

CSS Usage

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

Tailwind Shades

50
#F2FDF8
100
#E1FAF0
200
#BEF9E2
300
#8FF4CD
400
#53EEB1
500
#16E996
600
#12BA78
700
#0E9560
800
#0B744B
900
#0D5438
950
#083523

Contrast Checker

Text on white

17.36:1

AA Pass AAA Pass

Text on black

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