#310455

#310455

Color Values

HEX

#310455

RGB

49, 4, 85

HSL

273.3, 91.0%, 17.5%

HSV

273.3, 95.3%, 33.3%

CMYK

42.4%, 95.3%, 0.0%, 66.7%

OKLCH

0.258 0.1289 302.5

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#310455

#285504

Analogous

#080455

#550451

#310455

Triadic

#310455

#553104

#045531

Split Complementary

#310455

#515504

#045508

Tetradic

#310455

#550804

#285504

#045155

Color Blindness Simulation

Original

#310455

Protanopia

#1E1D41

Deuteranopia

#20243D

Tritanopia

#2F322F

Achromatopsia

#131313

CSS Usage

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

Tailwind Shades

50
#F8F1FD
100
#EFDFFB
200
#DFBBFC
300
#C88AF9
400
#AA4BF7
500
#8C0BF4
600
#7009C3
700
#5A079C
800
#46067A
900
#350958
950
#210638

Contrast Checker

Text on white

16.42:1

AA Pass AAA Pass

Text on black

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