#022012

#022012

Color Values

HEX

#022012

RGB

2, 32, 18

HSL

152,0, 88,2%, 6,7%

HSV

152,0, 93,8%, 12,5%

CMYK

93,8%, 0,0%, 43,8%, 87,5%

OKLCH

0,2162 0,046 159,7

Properties

Cool Dark Nearest: RAL 6036 Pearl Opal Green

Color Harmonies

Complementary

#022012

#200210

Analogous

#022003

#021F20

#022012

Triadic

#022012

#120220

#201202

Split Complementary

#022012

#20021F

#200302

Tetradic

#022012

#030220

#200210

#1F2002

Color Blindness Simulation

Original

#022012

Protanopia

#0F0F15

Deuteranopia

#0D0B16

Tritanopia

#041819

Achromatopsia

#191919

CSS Usage

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

Tailwind Shades

50
#F2FDF8
100
#E0FBEE
200
#BCFBDD
300
#8CF8C5
400
#4DF4A6
500
#0FF087
600
#0CC06C
700
#0A9A56
800
#087843
900
#0A5733
950
#063720

Contrast Checker

Text on white

17,24:1

AA Pass AAA Pass

Text on black

1,22:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

فبراير 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

فبراير 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

فبراير 19, 2026