#31036F

#31036F

Color Values

HEX

#31036F

RGB

49, 3, 111

HSL

265.6, 94.7%, 22.4%

HSV

265.6, 97.3%, 43.5%

CMYK

55.9%, 97.3%, 0.0%, 56.5%

OKLCH

0.286 0.1565 291.5

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#31036F

#416F03

Analogous

#030B6F

#67036F

#31036F

Triadic

#31036F

#6F3103

#036F31

Split Complementary

#31036F

#6F6703

#0B6F03

Tetradic

#31036F

#6F030B

#416F03

#036F67

Color Blindness Simulation

Original

#31036F

Protanopia

#1D1D55

Deuteranopia

#20234F

Tritanopia

#2F403C

Achromatopsia

#151515

CSS Usage

background-color: #31036F;
color: #31036F;
border-color: #31036F;
Nearest Tailwind: Purple 950 #3B0764

Tailwind Shades

50
#F6F1FE
100
#EBDFFC
200
#D6B9FD
300
#B988FC
400
#9447FA
500
#6E07F8
600
#5805C7
700
#46049F
800
#37037C
900
#2A075A
950
#1B0539

Contrast Checker

Text on white

15.29:1

AA Pass AAA Pass

Text on black

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