#33212F

#33212F

Color Values

HEX

#33212F

RGB

51, 33, 47

HSL

313.3, 21.4%, 16.5%

HSV

313.3, 35.3%, 20.0%

CMYK

0.0%, 35.3%, 7.8%, 80.0%

OKLCH

0.2758 0.0363 334.8

Properties

Warm Dark Nearest: RAL 5011 Steel Blue

Color Harmonies

Complementary

#33212F

#213325

Analogous

#2E2133

#332126

#33212F

Triadic

#33212F

#2F3321

#212F33

Split Complementary

#33212F

#263321

#21332E

Tetradic

#33212F

#332E21

#213325

#212633

Color Blindness Simulation

Original

#33212F

Protanopia

#2B2B2C

Deuteranopia

#2C2E2B

Tritanopia

#322928

Achromatopsia

#262626

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F0EAEF
200
#E3D4E0
300
#CFB5C9
400
#B58CAC
500
#9B648F
600
#7C5072
700
#63405B
800
#4D3247
900
#3A2736
950
#241922

Contrast Checker

Text on white

15.01:1

AA Pass AAA Pass

Text on black

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