#212C22

#212C22

Color Values

HEX

#212C22

RGB

33, 44, 34

HSL

125.5, 14.3%, 15.1%

HSV

125.5, 25.0%, 17.3%

CMYK

25.0%, 0.0%, 22.7%, 82.7%

OKLCH

0.2793 0.0237 147.3

Properties

Cool Dark Nearest: RAL 6009 Fir Green

Color Harmonies

Complementary

#212C22

#2C212B

Analogous

#252C21

#212C28

#212C22

Triadic

#212C22

#22212C

#2C2221

Split Complementary

#212C22

#28212C

#2C2125

Tetradic

#212C22

#21252C

#2C212B

#2C2821

Color Blindness Simulation

Original

#212C22

Protanopia

#262624

Deuteranopia

#252425

Tritanopia

#222627

Achromatopsia

#292929

CSS Usage

background-color: #212C22;
color: #212C22;
border-color: #212C22;
Nearest Tailwind: Neutral 800 #262626

Tailwind Shades

50
#F6F8F7
100
#EBEFEB
200
#D6E0D7
300
#B9CBBB
400
#93AE96
500
#6D9271
600
#57755A
700
#465D48
800
#374938
900
#2A372B
950
#1B231B

Contrast Checker

Text on white

14.5:1

AA Pass AAA Pass

Text on black

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