#331E85

#331E85

Color Values

HEX

#331E85

RGB

51, 30, 133

HSL

252.2, 63.2%, 32.0%

HSV

252.2, 77.4%, 52.2%

CMYK

61.7%, 77.4%, 0.0%, 47.8%

OKLCH

0.3388 0.1597 283.2

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#331E85

#70851E

Analogous

#1E3D85

#671E85

#331E85

Triadic

#331E85

#85331E

#1E8533

Split Complementary

#331E85

#85671E

#3D851E

Tetradic

#331E85

#851E3D

#70851E

#1E8567

Color Blindness Simulation

Original

#331E85

Protanopia

#2A2A6C

Deuteranopia

#2B2D66

Tritanopia

#325854

Achromatopsia

#2A2A2A

CSS Usage

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

Tailwind Shades

50
#F5F3FB
100
#E7E4F7
200
#CEC5F2
300
#AB9BE8
400
#7D65DC
500
#502FD0
600
#4026A6
700
#331E85
800
#281768
900
#20154C
950
#140D30

Contrast Checker

Text on white

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