#031F12

#031F12

Color Values

HEX

#031F12

RGB

3, 31, 18

HSL

152,1, 82,4%, 6,7%

HSV

152,1, 90,3%, 12,2%

CMYK

90,3%, 0,0%, 41,9%, 87,8%

OKLCH

0,2133 0,0434 160,1

Properties

Cool Dark Nearest: RAL 6022 Olive Drab

Color Harmonies

Complementary

#031F12

#1F0310

Analogous

#031F04

#031E1F

#031F12

Triadic

#031F12

#12031F

#1F1203

Split Complementary

#031F12

#1F031E

#1F0403

Tetradic

#031F12

#04031F

#1F0310

#1E1F03

Color Blindness Simulation

Original

#031F12

Protanopia

#0F0F15

Deuteranopia

#0E0B16

Tritanopia

#041818

Achromatopsia

#181818

CSS Usage

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

Tailwind Shades

50
#F2FDF8
100
#E1FAEE
200
#BEF9DD
300
#8FF4C5
400
#53EEA6
500
#16E987
600
#12BA6C
700
#0E9556
800
#0B7443
900
#0D5433
950
#083520

Contrast Checker

Text on white

17,38:1

AA Pass AAA Pass

Text on black

1,21:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026