#322335

#322335

Color Values

HEX

#322335

RGB

50, 35, 53

HSL

290.0, 20.5%, 17.3%

HSV

290.0, 34.0%, 20.8%

CMYK

5.7%, 34.0%, 0.0%, 79.2%

OKLCH

0.2819 0.0384 320.7

Properties

Cool Dark Nearest: RAL 5011 Steel Blue

Color Harmonies

Complementary

#322335

#263523

Analogous

#292335

#35232F

#322335

Triadic

#322335

#353223

#233532

Split Complementary

#322335

#2F3523

#233529

Tetradic

#322335

#352923

#263523

#232F35

Color Blindness Simulation

Original

#322335

Protanopia

#2C2B31

Deuteranopia

#2C2E30

Tritanopia

#312D2C

Achromatopsia

#272727

CSS Usage

background-color: #322335;
color: #322335;
border-color: #322335;
Nearest Tailwind: Slate 800 #1E293B

Tailwind Shades

50
#F8F6F9
100
#EFEAF0
200
#E0D4E3
300
#CAB5CE
400
#AE8DB4
500
#91659A
600
#74517B
700
#5D4162
800
#48334D
900
#362839
950
#221924

Contrast Checker

Text on white

14.71:1

AA Pass AAA Pass

Text on black

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