#33272E

#33272E

Color Values

HEX

#33272E

RGB

51, 39, 46

HSL

325.0, 13.3%, 17.6%

HSV

325.0, 23.5%, 20.0%

CMYK

0.0%, 23.5%, 9.8%, 80.0%

OKLCH

0.2892 0.0215 342.7

Properties

Warm Dark Nearest: RAL 5008 Grey Blue

Color Harmonies

Complementary

#33272E

#27332C

Analogous

#322733

#332728

#33272E

Triadic

#33272E

#2E3327

#272E33

Split Complementary

#33272E

#283327

#273332

Tetradic

#33272E

#333227

#27332C

#272833

Color Blindness Simulation

Original

#33272E

Protanopia

#2E2E2C

Deuteranopia

#2E2F2C

Tritanopia

#322B2B

Achromatopsia

#2A2A2A

CSS Usage

background-color: #33272E;
color: #33272E;
border-color: #33272E;
Nearest Tailwind: Zinc 800 #27272A

Tailwind Shades

50
#F8F6F7
100
#EFEBED
200
#E0D7DC
300
#CABAC3
400
#AD94A3
500
#906F82
600
#745868
700
#5C4753
800
#483741
900
#362B31
950
#221B1F

Contrast Checker

Text on white

14.28:1

AA Pass AAA Pass

Text on black

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