#012C22

#012C22

Color Values

HEX

#012C22

RGB

1, 44, 34

HSL

166.0, 95.6%, 8.8%

HSV

166.0, 97.7%, 17.3%

CMYK

97.7%, 0.0%, 22.7%, 82.7%

OKLCH

0.2617 0.0494 172.8

Properties

Cool Dark Nearest: RAL 6036 Pearl Opal Green

Color Harmonies

Complementary

#012C22

#2C010B

Analogous

#012C0C

#01202C

#012C22

Triadic

#012C22

#22012C

#2C2201

Split Complementary

#012C22

#2C0120

#2C0C01

Tetradic

#012C22

#0C012C

#2C010B

#202C01

Color Blindness Simulation

Original

#012C22

Protanopia

#141424

Deuteranopia

#110E25

Tritanopia

#032627

Achromatopsia

#222222

CSS Usage

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

Tailwind Shades

50
#F1FEFB
100
#DFFCF5
200
#B9FDEE
300
#87FCE1
400
#46FBD1
500
#06F9C1
600
#04C89A
700
#04A07B
800
#037D60
900
#075A47
950
#04392D

Contrast Checker

Text on white

15.17:1

AA Pass AAA Pass

Text on black

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