#310659

#310659

Color Values

HEX

#310659

RGB

49, 6, 89

HSL

271.1, 87.4%, 18.6%

HSV

271.1, 93.3%, 34.9%

CMYK

44.9%, 93.3%, 0.0%, 65.1%

OKLCH

0.2641 0.131 300.2

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#310659

#2E5906

Analogous

#070659

#590657

#310659

Triadic

#310659

#593106

#065931

Split Complementary

#310659

#575906

#065907

Tetradic

#310659

#590706

#2E5906

#065759

Color Blindness Simulation

Original

#310659

Protanopia

#1E1E45

Deuteranopia

#212440

Tritanopia

#2F3532

Achromatopsia

#151515

CSS Usage

background-color: #310659;
color: #310659;
border-color: #310659;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F8F2FD
100
#EEE0FA
200
#DCBCFB
300
#C48CF7
400
#A44EF3
500
#8410EF
600
#690DBF
700
#540A99
800
#420877
900
#320A57
950
#1F0737

Contrast Checker

Text on white

16.14:1

AA Pass AAA Pass

Text on black

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