#311D86

#311D86

Color Values

HEX

#311D86

RGB

49, 29, 134

HSL

251.4, 64.4%, 32.0%

HSV

251.4, 78.4%, 52.5%

CMYK

63.4%, 78.4%, 0.0%, 47.5%

OKLCH

0.3368 0.1623 282.0

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#311D86

#72861D

Analogous

#1D3E86

#661D86

#311D86

Triadic

#311D86

#86311D

#1D8631

Split Complementary

#311D86

#86661D

#3E861D

Tetradic

#311D86

#861D3E

#72861D

#1D8666

Color Blindness Simulation

Original

#311D86

Protanopia

#28286D

Deuteranopia

#2A2B66

Tritanopia

#305954

Achromatopsia

#292929

CSS Usage

background-color: #311D86;
color: #311D86;
border-color: #311D86;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F5F3FC
100
#E7E3F7
200
#CDC4F2
300
#A99AE9
400
#7B64DD
500
#4D2DD2
600
#3D24A8
700
#311D86
800
#261769
900
#1F144D
950
#140D30

Contrast Checker

Text on white

12.72:1

AA Pass AAA Pass

Text on black

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