#310E56

#310E56

Color Values

HEX

#310E56

RGB

49, 14, 86

HSL

269.2, 72.0%, 19.6%

HSV

269.2, 83.7%, 33.7%

CMYK

43.0%, 83.7%, 0.0%, 66.3%

OKLCH

0.2689 0.1198 300.3

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#310E56

#33560E

Analogous

#0E0F56

#550E56

#310E56

Triadic

#310E56

#56310E

#0E5631

Split Complementary

#310E56

#56550E

#0F560E

Tetradic

#310E56

#560E0F

#33560E

#0E5655

Color Blindness Simulation

Original

#310E56

Protanopia

#222245

Deuteranopia

#242640

Tritanopia

#2F3734

Achromatopsia

#1B1B1B

CSS Usage

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

Tailwind Shades

50
#F7F3FC
100
#EDE2F8
200
#DBC2F5
300
#C196EE
400
#9F5DE5
500
#7D24DB
600
#641DAF
700
#50178C
800
#3F126E
900
#301150
950
#1E0B32

Contrast Checker

Text on white

15.82:1

AA Pass AAA Pass

Text on black

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