#310F94

#310F94

Color Values

HEX

#310F94

RGB

49, 15, 148

HSL

255.3, 81.6%, 32.0%

HSV

255.3, 89.9%, 58.0%

CMYK

66.9%, 89.9%, 0.0%, 42.0%

OKLCH

0.3383 0.1896 280.9

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#310F94

#72940F

Analogous

#0F3094

#740F94

#310F94

Triadic

#310F94

#94310F

#0F9431

Split Complementary

#310F94

#94740F

#30940F

Tetradic

#310F94

#940F30

#72940F

#0F9474

Color Blindness Simulation

Original

#310F94

Protanopia

#222274

Deuteranopia

#24276C

Tritanopia

#2F5A55

Achromatopsia

#202020

CSS Usage

background-color: #310F94;
color: #310F94;
border-color: #310F94;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F5F2FD
100
#E7E1FA
200
#CDBEF8
300
#A990F4
400
#7B54EE
500
#4D17E8
600
#3D13B9
700
#310F94
800
#260C74
900
#1F0D54
950
#140835

Contrast Checker

Text on white

12.91:1

AA Pass AAA Pass

Text on black

1.63:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026