#483BAE

#483BAE

Color Values

HEX

#483BAE

RGB

72, 59, 174

HSL

246.8, 49.4%, 45.7%

HSV

246.8, 66.1%, 68.2%

CMYK

58.6%, 66.1%, 0.0%, 31.8%

OKLCH

0.4391 0.1753 281.5

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#483BAE

#A1AE3B

Analogous

#3B67AE

#823BAE

#483BAE

Triadic

#483BAE

#AE483B

#3BAE48

Split Complementary

#483BAE

#AE823B

#67AE3B

Tetradic

#483BAE

#AE3B67

#A1AE3B

#3BAE82

Color Blindness Simulation

Original

#483BAE

Protanopia

#424292

Deuteranopia

#43448C

Tritanopia

#477C77

Achromatopsia

#464646

CSS Usage

background-color: #483BAE;
color: #483BAE;
border-color: #483BAE;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F5F4FB
100
#E7E6F5
200
#CECAED
300
#AAA4E0
400
#7D72CF
500
#4F41BE
600
#3F3498
700
#32297A
800
#27205F
900
#201B46
950
#14112C

Contrast Checker

Text on white

8.36:1

AA Pass AAA Pass

Text on black

2.51:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026