#022212

#022212

Color Values

HEX

#022212

RGB

2, 34, 18

HSL

150.0, 88.9%, 7.1%

HSV

150.0, 94.1%, 13.3%

CMYK

94.1%, 0.0%, 47.1%, 86.7%

OKLCH

0.2232 0.0494 157.7

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#022212

#220212

Analogous

#022202

#022222

#022212

Triadic

#022212

#120222

#221202

Split Complementary

#022212

#220222

#220202

Tetradic

#022212

#020222

#220212

#222202

Color Blindness Simulation

Original

#022212

Protanopia

#101016

Deuteranopia

#0E0C17

Tritanopia

#04191A

Achromatopsia

#1A1A1A

CSS Usage

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

Tailwind Shades

50
#F2FDF7
100
#E0FBED
200
#BCFBDB
300
#8BF8C2
400
#4DF5A1
500
#0EF180
600
#0BC166
700
#099A52
800
#077840
900
#0A5730
950
#06371F

Contrast Checker

Text on white

16.93:1

AA Pass AAA Pass

Text on black

1.24:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026