#310856

#310856

Color Values

HEX

#310856

RGB

49, 8, 86

HSL

271.5, 83.0%, 18.4%

HSV

271.5, 90.7%, 33.7%

CMYK

43.0%, 90.7%, 0.0%, 66.3%

OKLCH

0.2629 0.1259 301.4

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#310856

#2D5608

Analogous

#0A0856

#560854

#310856

Triadic

#310856

#563108

#085631

Split Complementary

#310856

#545608

#08560A

Tetradic

#310856

#560A08

#2D5608

#085456

Color Blindness Simulation

Original

#310856

Protanopia

#1F1F43

Deuteranopia

#22253F

Tritanopia

#2F3431

Achromatopsia

#161616

CSS Usage

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

Tailwind Shades

50
#F8F2FD
100
#EEE1FA
200
#DDBEF9
300
#C48FF5
400
#A552EF
500
#8516E9
600
#6A11BB
700
#550E95
800
#420B75
900
#320C55
950
#200835

Contrast Checker

Text on white

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