#483696

#483696

Color Values

HEX

#483696

RGB

72, 54, 150

HSL

251.2, 47.1%, 40.0%

HSV

251.2, 64.0%, 58.8%

CMYK

52.0%, 64.0%, 0.0%, 41.2%

OKLCH

0.4105 0.1501 286.4

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#483696

#849636

Analogous

#365496

#783696

#483696

Triadic

#483696

#964836

#369648

Split Complementary

#483696

#967836

#549636

Tetradic

#483696

#963654

#849636

#369678

Color Blindness Simulation

Original

#483696

Protanopia

#40407F

Deuteranopia

#414379

Tritanopia

#476C68

Achromatopsia

#414141

CSS Usage

background-color: #483696;
color: #483696;
border-color: #483696;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F5F4FA
100
#E9E6F4
200
#D1CAEC
300
#B0A5DF
400
#8574CD
500
#5A43BC
600
#483696
700
#3A2B78
800
#2D225E
900
#241C45
950
#16122C

Contrast Checker

Text on white

9.36:1

AA Pass AAA Pass

Text on black

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