#310764

#310764

Color Values

HEX

#310764

RGB

49, 7, 100

HSL

267.1, 86.9%, 21.0%

HSV

267.1, 93.0%, 39.2%

CMYK

51.0%, 93.0%, 0.0%, 60.8%

OKLCH

0.2768 0.1418 295.2

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#310764

#3A6407

Analogous

#070C64

#600764

#310764

Triadic

#310764

#643107

#076431

Split Complementary

#310764

#646007

#0C6407

Tetradic

#310764

#64070C

#3A6407

#076460

Color Blindness Simulation

Original

#310764

Protanopia

#1F1E4E

Deuteranopia

#212448

Tritanopia

#2F3C38

Achromatopsia

#171717

CSS Usage

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

Tailwind Shades

50
#F7F2FD
100
#ECE0FA
200
#D8BCFA
300
#BD8DF7
400
#994FF3
500
#7511EE
600
#5D0DBF
700
#4B0B99
800
#3A0877
900
#2D0B56
950
#1C0737

Contrast Checker

Text on white

15.61:1

AA Pass AAA Pass

Text on black

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