#022014

#022014

Color Values

HEX

#022014

RGB

2, 32, 20

HSL

156.0, 88.2%, 6.7%

HSV

156.0, 93.8%, 12.5%

CMYK

93.8%, 0.0%, 37.5%, 87.5%

OKLCH

0.2168 0.0437 163.3

Properties

Cool Dark Nearest: RAL 6036 Pearl Opal Green

Color Harmonies

Complementary

#022014

#20020E

Analogous

#022005

#021D20

#022014

Triadic

#022014

#140220

#201402

Split Complementary

#022014

#20021D

#200502

Tetradic

#022014

#050220

#20020E

#1D2002

Color Blindness Simulation

Original

#022014

Protanopia

#0F0F17

Deuteranopia

#0D0B18

Tritanopia

#04191A

Achromatopsia

#191919

CSS Usage

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

Tailwind Shades

50
#F2FDF8
100
#E0FBF0
200
#BCFBE2
300
#8CF8CD
400
#4DF4B1
500
#0FF096
600
#0CC078
700
#0A9A60
800
#08784B
900
#0A5738
950
#063723

Contrast Checker

Text on white

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

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