#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

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026