#331F84

#331F84

Color Values

HEX

#331F84

RGB

51, 31, 132

HSL

251.9, 62.0%, 32.0%

HSV

251.9, 76.5%, 51.8%

CMYK

61.4%, 76.5%, 0.0%, 48.2%

OKLCH

0.3392 0.1574 283.2

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#331F84

#70841F

Analogous

#1F3E84

#661F84

#331F84

Triadic

#331F84

#84331F

#1F8433

Split Complementary

#331F84

#84661F

#3E841F

Tetradic

#331F84

#841F3E

#70841F

#1F8466

Color Blindness Simulation

Original

#331F84

Protanopia

#2A2A6C

Deuteranopia

#2C2D66

Tritanopia

#325854

Achromatopsia

#2B2B2B

CSS Usage

background-color: #331F84;
color: #331F84;
border-color: #331F84;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F5F3FB
100
#E7E4F7
200
#CEC5F1
300
#AB9CE8
400
#7D66DB
500
#5030CF
600
#4027A5
700
#331F84
800
#281867
900
#20154B
950
#140E30

Contrast Checker

Text on white

12.58:1

AA Pass AAA Pass

Text on black

1.67:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026