#312960

#312960

Color Values

HEX

#312960

RGB

49, 41, 96

HSL

248.7, 40.1%, 26.9%

HSV

248.7, 57.3%, 37.6%

CMYK

49.0%, 57.3%, 0.0%, 62.4%

OKLCH

0.3215 0.094 286.5

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#312960

#586029

Analogous

#293D60

#4D2960

#312960

Triadic

#312960

#603129

#296031

Split Complementary

#312960

#604D29

#3D6029

Tetradic

#312960

#60293D

#586029

#29604D

Color Blindness Simulation

Original

#312960

Protanopia

#2E2D53

Deuteranopia

#2E2F4F

Tritanopia

#314846

Achromatopsia

#2F2F2F

CSS Usage

background-color: #312960;
color: #312960;
border-color: #312960;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F5F5FA
100
#E9E7F3
200
#D1CDEA
300
#B0A9DA
400
#867BC6
500
#5B4CB3
600
#493D8F
700
#3A3172
800
#2E2659
900
#241F42
950
#17142A

Contrast Checker

Text on white

12.99:1

AA Pass AAA Pass

Text on black

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