#022221

#022221

Color Values

HEX

#022221

RGB

2, 34, 33

HSL

178.1, 88.9%, 7.1%

HSV

178.1, 94.1%, 13.3%

CMYK

94.1%, 0.0%, 2.9%, 86.7%

OKLCH

0.2287 0.0372 191.9

Properties

Cool Dark Nearest: RAL 6036 Pearl Opal Green

Color Harmonies

Complementary

#022221

#220203

Analogous

#022211

#021322

#022221

Triadic

#022221

#210222

#222102

Split Complementary

#022221

#220213

#221102

Tetradic

#022221

#110222

#220203

#132202

Color Blindness Simulation

Original

#022221

Protanopia

#101021

Deuteranopia

#0E0C21

Tritanopia

#042121

Achromatopsia

#1B1B1B

CSS Usage

background-color: #022221;
color: #022221;
border-color: #022221;
Nearest Tailwind: Teal 950 #042F2E

Tailwind Shades

50
#F2FDFD
100
#E0FBFA
200
#BCFBF9
300
#8BF8F5
400
#4DF5EF
500
#0EF1EA
600
#0BC1BB
700
#099A96
800
#077875
900
#0A5755
950
#063736

Contrast Checker

Text on white

16.76:1

AA Pass AAA Pass

Text on black

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