#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