#32337D

#32337D

Color Values

HEX

#32337D

RGB

50, 51, 125

HSL

239.2, 42.9%, 34.3%

HSV

239.2, 60.0%, 49.0%

CMYK

60.0%, 59.2%, 0.0%, 51.0%

OKLCH

0.3656 0.1225 277.9

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#32337D

#7D7C32

Analogous

#32587D

#56327D

#32337D

Triadic

#32337D

#7D3233

#337D32

Split Complementary

#32337D

#7D5632

#587D32

Tetradic

#32337D

#7D3258

#7D7C32

#327D56

Color Blindness Simulation

Original

#32337D

Protanopia

#32326B

Deuteranopia

#323267

Tritanopia

#325D5A

Achromatopsia

#383838

CSS Usage

background-color: #32337D;
color: #32337D;
border-color: #32337D;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F5F5FA
100
#E7E7F4
200
#CCCCEB
300
#A8A8DC
400
#7879C9
500
#494AB6
600
#3A3B92
700
#2F3075
800
#24255B
900
#1E1E43
950
#13132A

Contrast Checker

Text on white

11.02:1

AA Pass AAA Pass

Text on black

1.91:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026