#310CC0

#310CC0

Color Values

HEX

#310CC0

RGB

49, 12, 192

HSL

252.3, 88.2%, 40.0%

HSV

252.3, 93.7%, 75.3%

CMYK

74.5%, 93.7%, 0.0%, 24.7%

OKLCH

0.3903 0.2382 274.8

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#310CC0

#9BC00C

Analogous

#0C41C0

#8B0CC0

#310CC0

Triadic

#310CC0

#C0310C

#0CC031

Split Complementary

#310CC0

#C08B0C

#41C00C

Tetradic

#310CC0

#C00C41

#9BC00C

#0CC08B

Color Blindness Simulation

Original

#310CC0

Protanopia

#212194

Deuteranopia

#23268A

Tritanopia

#2F726B

Achromatopsia

#212121

CSS Usage

background-color: #310CC0;
color: #310CC0;
border-color: #310CC0;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F4F2FD
100
#E5E0FB
200
#C9BCFB
300
#A28CF8
400
#704DF4
500
#3D0FF0
600
#310CC0
700
#270A9A
800
#1F0878
900
#1A0A57
950
#100637

Contrast Checker

Text on white

10.8:1

AA Pass AAA Pass

Text on black

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