#33212C

#33212C

Color Values

HEX

#33212C

RGB

51, 33, 44

HSL

323.3, 21.4%, 16.5%

HSV

323.3, 35.3%, 20.0%

CMYK

0.0%, 35.3%, 13.7%, 80.0%

OKLCH

0.2745 0.0332 342.2

Properties

Warm Dark Nearest: RAL 5011 Steel Blue

Color Harmonies

Complementary

#33212C

#213328

Analogous

#312133

#332123

#33212C

Triadic

#33212C

#2C3321

#212C33

Split Complementary

#33212C

#233321

#213331

Tetradic

#33212C

#333121

#213328

#212333

Color Blindness Simulation

Original

#33212C

Protanopia

#2B2B29

Deuteranopia

#2C2E29

Tritanopia

#322727

Achromatopsia

#262626

CSS Usage

background-color: #33212C;
color: #33212C;
border-color: #33212C;
Nearest Tailwind: Zinc 800 #27272A

Tailwind Shades

50
#F9F6F8
100
#F0EAEE
200
#E3D4DD
300
#CFB5C5
400
#B58CA5
500
#9B6486
600
#7C506B
700
#634055
800
#4D3243
900
#3A2733
950
#241920

Contrast Checker

Text on white

15.06:1

AA Pass AAA Pass

Text on black

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