#322331

#322331

Color Values

HEX

#322331

RGB

50, 35, 49

HSL

304,0, 17,6%, 16,7%

HSV

304,0, 30,0%, 19,6%

CMYK

0,0%, 30,0%, 2,0%, 80,4%

OKLCH

0,2799 0,0331 328,6

Properties

Warm Dark Nearest: RAL 5011 Steel Blue

Color Harmonies

Complementary

#322331

#233224

Analogous

#2C2332

#32232A

#322331

Triadic

#322331

#313223

#233132

Split Complementary

#322331

#2A3223

#23322C

Tetradic

#322331

#322C23

#233224

#232A32

Color Blindness Simulation

Original

#322331

Protanopia

#2C2B2E

Deuteranopia

#2C2E2D

Tritanopia

#312B2A

Achromatopsia

#272727

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#F0EAEF
200
#E2D5E1
300
#CDB7CB
400
#B190AF
500
#966993
600
#785476
700
#60435E
800
#4B3549
900
#382937
950
#231A23

Contrast Checker

Text on white

14,78:1

AA Pass AAA Pass

Text on black

1,42: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