#022F1F

#022F1F

Color Values

HEX

#022F1F

RGB

2, 47, 31

HSL

158.7, 91.8%, 9.6%

HSV

158.7, 95.7%, 18.4%

CMYK

95.7%, 0.0%, 34.0%, 81.6%

OKLCH

0.271 0.0561 163.8

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#022F1F

#2F0212

Analogous

#022F09

#02282F

#022F1F

Triadic

#022F1F

#1F022F

#2F1F02

Split Complementary

#022F1F

#2F0228

#2F0902

Tetradic

#022F1F

#09022F

#2F0212

#282F02

Color Blindness Simulation

Original

#022F1F

Protanopia

#151623

Deuteranopia

#131024

Tritanopia

#042627

Achromatopsia

#242424

CSS Usage

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

Tailwind Shades

50
#F1FDF9
100
#DFFBF1
200
#BBFCE5
300
#8AFAD2
400
#4AF7BA
500
#0AF5A1
600
#08C481
700
#079D67
800
#057A51
900
#08583C
950
#053826

Contrast Checker

Text on white

14.7:1

AA Pass AAA Pass

Text on black

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