#212C09

#212C09

Color Values

HEX

#212C09

RGB

33, 44, 9

HSL

78.9, 66.0%, 10.4%

HSV

78.9, 79.5%, 17.3%

CMYK

25.0%, 0.0%, 79.5%, 82.7%

OKLCH

0.2739 0.0569 125.0

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#212C09

#14092C

Analogous

#2C2609

#0F2C09

#212C09

Triadic

#212C09

#09212C

#2C0921

Split Complementary

#212C09

#090F2C

#26092C

Tetradic

#212C09

#092C26

#14092C

#2C090F

Color Blindness Simulation

Original

#212C09

Protanopia

#262611

Deuteranopia

#252414

Tritanopia

#22181A

Achromatopsia

#272727

CSS Usage

background-color: #212C09;
color: #212C09;
border-color: #212C09;
Nearest Tailwind: Lime 950 #1A2E05

Tailwind Shades

50
#F9FCF3
100
#F1F7E3
200
#E4F3C4
300
#D1EA99
400
#B8DF62
500
#9FD42B
600
#7FA923
700
#66871C
800
#4F6A16
900
#3B4D14
950
#25310C

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

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