#4530AD

#4530AD

Color Values

HEX

#4530AD

RGB

69, 48, 173

HSL

250,1, 56,6%, 43,3%

HSV

250,1, 72,3%, 67,8%

CMYK

60,1%, 72,3%, 0,0%, 32,2%

OKLCH

0,4191 0,1873 282,4

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#4530AD

#98AD30

Analogous

#3059AD

#8330AD

#4530AD

Triadic

#4530AD

#AD4530

#30AD45

Split Complementary

#4530AD

#AD8330

#59AD30

Tetradic

#4530AD

#AD3059

#98AD30

#30AD83

Color Blindness Simulation

Original

#4530AD

Protanopia

#3C3C8F

Deuteranopia

#3D3F88

Tritanopia

#447772

Achromatopsia

#3D3D3D

CSS Usage

background-color: #4530AD;
color: #4530AD;
border-color: #4530AD;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F5F4FB
100
#E7E5F6
200
#CEC7F0
300
#AB9FE4
400
#7D6BD6
500
#5037C8
600
#402CA0
700
#332380
800
#281C64
900
#201849
950
#140F2E

Contrast Checker

Text on white

9,21:1

AA Pass AAA Pass

Text on black

2,28: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

Ene 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Ene 21, 2026