#343033

#343033

Color Values

HEX

#343033

RGB

52, 48, 51

HSL

315.0, 4.0%, 19.6%

HSV

315.0, 7.7%, 20.4%

CMYK

0.0%, 7.7%, 1.9%, 79.6%

OKLCH

0.3145 0.0077 334.3

Properties

Warm Dark Nearest: RAL 7022 Umbra Grey

Color Harmonies

Complementary

#343033

#303431

Analogous

#333034

#343031

#343033

Triadic

#343033

#333430

#303334

Split Complementary

#343033

#313430

#303433

Tetradic

#343033

#343330

#303431

#303134

Color Blindness Simulation

Original

#343033

Protanopia

#323232

Deuteranopia

#323332

Tritanopia

#343232

Achromatopsia

#313131

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EEEDED
200
#DDDADC
300
#C4BFC3
400
#A49DA3
500
#857A82
600
#6A6268
700
#554E53
800
#423D41
900
#322F31
950
#201D1F

Contrast Checker

Text on white

12.99:1

AA Pass AAA Pass

Text on black

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