#31247F

#31247F

Color Values

HEX

#31247F

RGB

49, 36, 127

HSL

248.6, 55.8%, 32.0%

HSV

248.6, 71.7%, 49.8%

CMYK

61.4%, 71.7%, 0.0%, 50.2%

OKLCH

0.3398 0.1455 281.9

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#31247F

#727F24

Analogous

#24457F

#5F247F

#31247F

Triadic

#31247F

#7F3124

#247F31

Split Complementary

#31247F

#7F5F24

#457F24

Tetradic

#31247F

#7F2445

#727F24

#247F5F

Color Blindness Simulation

Original

#31247F

Protanopia

#2B2B69

Deuteranopia

#2C2D64

Tritanopia

#305854

Achromatopsia

#2D2D2D

CSS Usage

background-color: #31247F;
color: #31247F;
border-color: #31247F;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F5F4FB
100
#E7E5F6
200
#CDC7EF
300
#A9A0E4
400
#7B6CD5
500
#4D38C7
600
#3D2D9F
700
#31247F
800
#261C63
900
#1F1849
950
#140F2E

Contrast Checker

Text on white

12.43:1

AA Pass AAA Pass

Text on black

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