#342533

#342533

Color Values

HEX

#342533

RGB

52, 37, 51

HSL

304.0, 16.9%, 17.5%

HSV

304.0, 28.8%, 20.4%

CMYK

0.0%, 28.8%, 1.9%, 79.6%

OKLCH

0.288 0.0328 328.6

Properties

Warm Dark Nearest: RAL 5011 Steel Blue

Color Harmonies

Complementary

#342533

#253426

Analogous

#2E2534

#34252C

#342533

Triadic

#342533

#333425

#253334

Split Complementary

#342533

#2C3425

#25342E

Tetradic

#342533

#342E25

#253426

#252C34

Color Blindness Simulation

Original

#342533

Protanopia

#2E2D30

Deuteranopia

#2E302F

Tritanopia

#332D2C

Achromatopsia

#292929

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#F0EBEF
200
#E1D5E1
300
#CCB7CB
400
#B191AE
500
#956A92
600
#775575
700
#5F445E
800
#4B3549
900
#382937
950
#231A23

Contrast Checker

Text on white

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