#332DA1

#332DA1

Color Values

HEX

#332DA1

RGB

51, 45, 161

HSL

243.1, 56.3%, 40.4%

HSV

243.1, 72.0%, 63.1%

CMYK

68.3%, 72.0%, 0.0%, 36.9%

OKLCH

0.389 0.179 276.4

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#332DA1

#9BA12D

Analogous

#2D61A1

#6D2DA1

#332DA1

Triadic

#332DA1

#A1332D

#2DA133

Split Complementary

#332DA1

#A16D2D

#61A12D

Tetradic

#332DA1

#A12D61

#9BA12D

#2DA16D

Color Blindness Simulation

Original

#332DA1

Protanopia

#303085

Deuteranopia

#31317E

Tritanopia

#336F6A

Achromatopsia

#373737

CSS Usage

background-color: #332DA1;
color: #332DA1;
border-color: #332DA1;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F4F4FB
100
#E5E5F6
200
#C9C7EF
300
#A39FE4
400
#716CD6
500
#3F38C7
600
#332D9F
700
#282480
800
#201C64
900
#1A1849
950
#110F2E

Contrast Checker

Text on white

10.34:1

AA Pass AAA Pass

Text on black

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