#310635

#310635

Color Values

HEX

#310635

RGB

49, 6, 53

HSL

294.9, 79.7%, 11.6%

HSV

294.9, 88.7%, 20.8%

CMYK

7.5%, 88.7%, 0.0%, 79.2%

OKLCH

0.2307 0.0942 324.3

Properties

Cool Dark Nearest: RAL 5002 Ultramarine Blue

Color Harmonies

Complementary

#310635

#0A3506

Analogous

#1A0635

#350622

#310635

Triadic

#310635

#353106

#063531

Split Complementary

#310635

#223506

#06351A

Tetradic

#310635

#351A06

#0A3506

#062235

Color Blindness Simulation

Original

#310635

Protanopia

#1E1E2A

Deuteranopia

#212427

Tritanopia

#2F211F

Achromatopsia

#131313

CSS Usage

background-color: #310635;
color: #310635;
border-color: #310635;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#FCF2FD
100
#F7E1F9
200
#F3BFF8
300
#EA91F3
400
#DF55EC
500
#D41AE5
600
#A915B7
700
#881193
800
#6A0D73
900
#4D0E53
950
#310935

Contrast Checker

Text on white

17.38:1

AA Pass AAA Pass

Text on black

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