#022211

#022211

Color Values

HEX

#022211

RGB

2, 34, 17

HSL

148.1, 88.9%, 7.1%

HSV

148.1, 94.1%, 13.3%

CMYK

94.1%, 0.0%, 50.0%, 86.7%

OKLCH

0.2229 0.0506 156.3

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#022211

#220213

Analogous

#032202

#022221

#022211

Triadic

#022211

#110222

#221102

Split Complementary

#022211

#210222

#220203

Tetradic

#022211

#020322

#220213

#222102

Color Blindness Simulation

Original

#022211

Protanopia

#101015

Deuteranopia

#0E0C16

Tritanopia

#041819

Achromatopsia

#1A1A1A

CSS Usage

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

Tailwind Shades

50
#F2FDF7
100
#E0FBEC
200
#BCFBD9
300
#8BF8BE
400
#4DF59B
500
#0EF178
600
#0BC160
700
#099A4D
800
#07783C
900
#0A572E
950
#06371D

Contrast Checker

Text on white

16.94:1

AA Pass AAA Pass

Text on black

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