#483AC9

#483AC9

Color Values

HEX

#483AC9

RGB

72, 58, 201

HSL

245.9, 57.0%, 50.8%

HSV

245.9, 71.1%, 78.8%

CMYK

64.2%, 71.1%, 0.0%, 21.2%

OKLCH

0.4622 0.2103 278.7

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#483AC9

#BBC93A

Analogous

#3A73C9

#903AC9

#483AC9

Triadic

#483AC9

#C9483A

#3AC948

Split Complementary

#483AC9

#C9903A

#73C93A

Tetradic

#483AC9

#C93A73

#BBC93A

#3AC990

Color Blindness Simulation

Original

#483AC9

Protanopia

#4242A6

Deuteranopia

#43449E

Tritanopia

#478B85

Achromatopsia

#474747

CSS Usage

background-color: #483AC9;
color: #483AC9;
border-color: #483AC9;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F4F4FB
100
#E6E5F6
200
#CBC7F0
300
#A69FE5
400
#756BD6
500
#4537C8
600
#372CA0
700
#2C2380
800
#231B64
900
#1C1849
950
#120F2E

Contrast Checker

Text on white

7.71:1

AA Pass AAA Pass

Text on black

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