#332D81

#332D81

Color Values

HEX

#332D81

RGB

51, 45, 129

HSL

244.3, 48.3%, 34.1%

HSV

244.3, 65.1%, 50.6%

CMYK

60.5%, 65.1%, 0.0%, 49.4%

OKLCH

0.3585 0.1363 280.2

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#332D81

#7B812D

Analogous

#2D5181

#5D2D81

#332D81

Triadic

#332D81

#81332D

#2D8133

Split Complementary

#332D81

#815D2D

#51812D

Tetradic

#332D81

#812D51

#7B812D

#2D815D

Color Blindness Simulation

Original

#332D81

Protanopia

#30306D

Deuteranopia

#313168

Tritanopia

#335D59

Achromatopsia

#343434

CSS Usage

background-color: #332D81;
color: #332D81;
border-color: #332D81;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F5F4FA
100
#E7E6F4
200
#CDCAED
300
#A8A4DF
400
#7A73CE
500
#4B42BD
600
#3C3597
700
#302A79
800
#25215F
900
#1E1B46
950
#13112C

Contrast Checker

Text on white

11.46:1

AA Pass AAA Pass

Text on black

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