#312299

#312299

Color Values

HEX

#312299

RGB

49, 34, 153

HSL

247.6, 63.6%, 36.7%

HSV

247.6, 77.8%, 60.0%

CMYK

68.0%, 77.8%, 0.0%, 40.0%

OKLCH

0.3636 0.1808 278.1

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#312299

#8A9922

Analogous

#224F99

#6D2299

#312299

Triadic

#312299

#993122

#229931

Split Complementary

#312299

#996D22

#4F9922

Tetradic

#312299

#99224F

#8A9922

#22996D

Color Blindness Simulation

Original

#312299

Protanopia

#2B2A7C

Deuteranopia

#2B2C75

Tritanopia

#306560

Achromatopsia

#2E2E2E

CSS Usage

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

Tailwind Shades

50
#F4F3FB
100
#E6E4F7
200
#CAC5F2
300
#A59BE9
400
#7465DD
500
#432ED1
600
#3625A7
700
#2B1E85
800
#211768
900
#1C154C
950
#120D30

Contrast Checker

Text on white

11.54:1

AA Pass AAA Pass

Text on black

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