#212F22

#212F22

Color Values

HEX

#212F22

RGB

33, 47, 34

HSL

124.3, 17.5%, 15.7%

HSV

124.3, 29.8%, 18.4%

CMYK

29.8%, 0.0%, 27.7%, 81.6%

OKLCH

0.288 0.0301 146.6

Properties

Cool Dark Nearest: RAL 6009 Fir Green

Color Harmonies

Complementary

#212F22

#2F212E

Analogous

#272F21

#212F29

#212F22

Triadic

#212F22

#22212F

#2F2221

Split Complementary

#212F22

#29212F

#2F2127

Tetradic

#212F22

#21272F

#2F212E

#2F2921

Color Blindness Simulation

Original

#212F22

Protanopia

#272725

Deuteranopia

#262526

Tritanopia

#222828

Achromatopsia

#2B2B2B

CSS Usage

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

Tailwind Shades

50
#F6F8F6
100
#EAF0EB
200
#D5E2D6
300
#B7CDB9
400
#90B193
500
#69966C
600
#547857
700
#436045
800
#354B36
900
#29382A
950
#1A231A

Contrast Checker

Text on white

14.05:1

AA Pass AAA Pass

Text on black

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