#212C2E

#212C2E

Color Values

HEX

#212C2E

RGB

33, 44, 46

HSL

189.2, 16.5%, 15.5%

HSV

189.2, 28.3%, 18.0%

CMYK

28.3%, 4.3%, 0.0%, 82.0%

OKLCH

0.2837 0.0155 209.9

Properties

Cool Dark Nearest: RAL 7016 Anthracite Grey

Color Harmonies

Complementary

#212C2E

#2E2321

Analogous

#212E2A

#21262E

#212C2E

Triadic

#212C2E

#2E212C

#2C2E21

Split Complementary

#212C2E

#2E2126

#2E2A21

Tetradic

#212C2E

#2A212E

#2E2321

#262E21

Color Blindness Simulation

Original

#212C2E

Protanopia

#26262E

Deuteranopia

#25242D

Tritanopia

#222D2D

Achromatopsia

#2A2A2A

CSS Usage

background-color: #212C2E;
color: #212C2E;
border-color: #212C2E;
Nearest Tailwind: Zinc 800 #27272A

Tailwind Shades

50
#F6F8F8
100
#EBEFF0
200
#D5DFE1
300
#B8C9CC
400
#91ABB0
500
#6A8E95
600
#557277
700
#445B5F
800
#35474A
900
#293538
950
#1A2223

Contrast Checker

Text on white

14.34:1

AA Pass AAA Pass

Text on black

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