#022F18

#022F18

Color Values

HEX

#022F18

RGB

2, 47, 24

HSL

149.3, 91.8%, 9.6%

HSV

149.3, 95.7%, 18.4%

CMYK

95.7%, 0.0%, 48.9%, 81.6%

OKLCH

0.2691 0.0638 155.4

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#022F18

#2F0219

Analogous

#032F02

#022F2E

#022F18

Triadic

#022F18

#18022F

#2F1802

Split Complementary

#022F18

#2E022F

#2F0203

Tetradic

#022F18

#02032F

#2F0219

#2F2E02

Color Blindness Simulation

Original

#022F18

Protanopia

#15161E

Deuteranopia

#13101F

Tritanopia

#042223

Achromatopsia

#242424

CSS Usage

background-color: #022F18;
color: #022F18;
border-color: #022F18;
Nearest Tailwind: Green 950 #052E16

Tailwind Shades

50
#F1FDF7
100
#DFFBED
200
#BBFCDB
300
#8AFAC0
400
#4AF79F
500
#0AF57D
600
#08C464
700
#079D50
800
#057A3E
900
#085830
950
#05381E

Contrast Checker

Text on white

14.76:1

AA Pass AAA Pass

Text on black

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