#310B99

#310B99

Color Values

HEX

#310B99

RGB

49, 11, 153

HSL

256.1, 86.6%, 32.2%

HSV

256.1, 92.8%, 60.0%

CMYK

68.0%, 92.8%, 0.0%, 40.0%

OKLCH

0.3416 0.1971 280.2

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#310B99

#73990B

Analogous

#0B2C99

#780B99

#310B99

Triadic

#310B99

#99310B

#0B9931

Split Complementary

#310B99

#99780B

#2C990B

Tetradic

#310B99

#990B2C

#73990B

#0B9978

Color Blindness Simulation

Original

#310B99

Protanopia

#212077

Deuteranopia

#23266E

Tritanopia

#2F5B56

Achromatopsia

#1D1D1D

CSS Usage

background-color: #310B99;
color: #310B99;
border-color: #310B99;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F5F2FD
100
#E7E0FA
200
#CDBCFA
300
#A98DF7
400
#7B4FF2
500
#4C11EE
600
#3D0EBE
700
#310B98
800
#260977
900
#1F0B56
950
#140736

Contrast Checker

Text on white

12.82:1

AA Pass AAA Pass

Text on black

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