#031E02

#031E02

Color Values

HEX

#031E02

RGB

3, 30, 2

HSL

117.9, 87.5%, 6.3%

HSV

117.9, 93.3%, 11.8%

CMYK

90.0%, 0.0%, 93.3%, 88.2%

OKLCH

0.206 0.0631 142.1

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#031E02

#1D021E

Analogous

#111E02

#021E0F

#031E02

Triadic

#031E02

#02031E

#1E0203

Split Complementary

#031E02

#0F021E

#1E0211

Tetradic

#031E02

#02111E

#1D021E

#1E0F02

Color Blindness Simulation

Original

#031E02

Protanopia

#0F0F09

Deuteranopia

#0D0B0A

Tritanopia

#040E0F

Achromatopsia

#161616

CSS Usage

background-color: #031E02;
color: #031E02;
border-color: #031E02;
Nearest Tailwind: Green 950 #052E16

Tailwind Shades

50
#F2FDF2
100
#E1FAE0
200
#BEFBBC
300
#90F78C
400
#54F34E
500
#18EF10
600
#13BF0D
700
#0F990A
800
#0C7808
900
#0D570A
950
#083707

Contrast Checker

Text on white

17.64:1

AA Pass AAA Pass

Text on black

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