#310679

#310679

Color Values

HEX

#310679

RGB

49, 6, 121

HSL

262.4, 90.6%, 24.9%

HSV

262.4, 95.0%, 47.5%

CMYK

59.5%, 95.0%, 0.0%, 52.5%

OKLCH

0.3 0.165 288.0

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#310679

#4E7906

Analogous

#061579

#6A0679

#310679

Triadic

#310679

#793106

#067931

Split Complementary

#310679

#796A06

#157906

Tetradic

#310679

#790615

#4E7906

#06796A

Color Blindness Simulation

Original

#310679

Protanopia

#1E1E5D

Deuteranopia

#212456

Tritanopia

#2F4742

Achromatopsia

#171717

CSS Usage

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

Tailwind Shades

50
#F6F1FD
100
#EADFFB
200
#D3BBFC
300
#B48AF9
400
#8B4BF6
500
#620CF3
600
#4F0AC2
700
#3F089C
800
#31067A
900
#260958
950
#180638

Contrast Checker

Text on white

14.66:1

AA Pass AAA Pass

Text on black

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