#222C01

#222C01

Color Values

HEX

#222C01

RGB

34, 44, 1

HSL

74.0, 95.6%, 8.8%

HSV

74.0, 97.7%, 17.3%

CMYK

22.7%, 0.0%, 97.7%, 82.7%

OKLCH

0.2738 0.0652 122.2

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#222C01

#0B012C

Analogous

#2C2001

#0C2C01

#222C01

Triadic

#222C01

#01222C

#2C0122

Split Complementary

#222C01

#010C2C

#20012C

Tetradic

#222C01

#012C20

#0B012C

#2C010C

Color Blindness Simulation

Original

#222C01

Protanopia

#26260B

Deuteranopia

#26250E

Tritanopia

#221415

Achromatopsia

#272727

CSS Usage

background-color: #222C01;
color: #222C01;
border-color: #222C01;
Nearest Tailwind: Lime 950 #1A2E05

Tailwind Shades

50
#FBFEF1
100
#F5FCDF
200
#EEFDB9
300
#E1FC87
400
#D1FB46
500
#C1F906
600
#9AC804
700
#7BA004
800
#607D03
900
#475A07
950
#2D3904

Contrast Checker

Text on white

14.7:1

AA Pass AAA Pass

Text on black

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