#022C22

#022C22

Color Values

HEX

#022C22

RGB

2, 44, 34

HSL

165.7, 91.3%, 9.0%

HSV

165.7, 95.5%, 17.3%

CMYK

95.5%, 0.0%, 22.7%, 82.7%

OKLCH

0.2621 0.0487 172.6

Properties

Cool Dark Nearest: RAL 6036 Pearl Opal Green

Color Harmonies

Complementary

#022C22

#2C020C

Analogous

#022C0D

#02212C

#022C22

Triadic

#022C22

#22022C

#2C2202

Split Complementary

#022C22

#2C0221

#2C0D02

Tetradic

#022C22

#0D022C

#2C020C

#212C02

Color Blindness Simulation

Original

#022C22

Protanopia

#141524

Deuteranopia

#120F25

Tritanopia

#042627

Achromatopsia

#222222

CSS Usage

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

Tailwind Shades

50
#F1FDFA
100
#DFFBF4
200
#BBFCEC
300
#8AFADF
400
#4BF7CE
500
#0BF4BC
600
#09C397
700
#079C79
800
#067A5E
900
#095845
950
#05382C

Contrast Checker

Text on white

15.15:1

AA Pass AAA Pass

Text on black

1.39:1

AA Fail AAA Fail

Part of These Collections

Tailwind CSS — Emerald

Emerald 950

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026