#310055

#310055

Color Values

HEX

#310055

RGB

49, 0, 85

HSL

274.6, 100.0%, 16.7%

HSV

274.6, 100.0%, 33.3%

CMYK

42.4%, 100.0%, 0.0%, 66.7%

OKLCH

0.2539 0.1332 303.2

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#310055

#245500

Analogous

#070055

#55004F

#310055

Triadic

#310055

#553100

#005531

Split Complementary

#310055

#4F5500

#005507

Tetradic

#310055

#550700

#245500

#004F55

Color Blindness Simulation

Original

#310055

Protanopia

#1C1B40

Deuteranopia

#1F223B

Tritanopia

#2F302D

Achromatopsia

#111111

CSS Usage

background-color: #310055;
color: #310055;
border-color: #310055;
Nearest Tailwind: Purple 950 #3B0764

Tailwind Shades

50
#F8F1FE
100
#EFDEFC
200
#E1B8FF
300
#CB85FF
400
#AF42FF
500
#9300FF
600
#7600CC
700
#5E00A3
800
#4A0080
900
#37055C
950
#23033A

Contrast Checker

Text on white

16.64:1

AA Pass AAA Pass

Text on black

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