#31249F

#31249F

Color Values

HEX

#31249F

RGB

49, 36, 159

HSL

246.3, 63.1%, 38.2%

HSV

246.3, 77.4%, 62.4%

CMYK

69.2%, 77.4%, 0.0%, 37.6%

OKLCH

0.3726 0.1862 277.1

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#31249F

#929F24

Analogous

#24559F

#6E249F

#31249F

Triadic

#31249F

#9F3124

#249F31

Split Complementary

#31249F

#9F6E24

#559F24

Tetradic

#31249F

#9F2455

#929F24

#249F6E

Color Blindness Simulation

Original

#31249F

Protanopia

#2B2B81

Deuteranopia

#2C2D7A

Tritanopia

#306A65

Achromatopsia

#303030

CSS Usage

background-color: #31249F;
color: #31249F;
border-color: #31249F;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F4F3FB
100
#E6E4F7
200
#CAC5F2
300
#A39BE8
400
#7265DC
500
#402FD0
600
#3326A6
700
#291E85
800
#201868
900
#1B154C
950
#110D30

Contrast Checker

Text on white

11.15:1

AA Pass AAA Pass

Text on black

1.88:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026