#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

2월 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026