#524BCB

#524BCB

Color Values

HEX

#524BCB

RGB

82, 75, 203

HSL

243.3, 55.2%, 54.5%

HSV

243.3, 63.1%, 79.6%

CMYK

59.6%, 63.1%, 0.0%, 20.4%

OKLCH

0.4977 0.1915 279.3

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#524BCB

#C4CB4B

Analogous

#4B84CB

#924BCB

#524BCB

Triadic

#524BCB

#CB524B

#4BCB52

Split Complementary

#524BCB

#CB924B

#84CB4B

Tetradic

#524BCB

#CB4B84

#C4CB4B

#4BCB92

Color Blindness Simulation

Original

#524BCB

Protanopia

#4F4FAC

Deuteranopia

#4F50A5

Tritanopia

#52948E

Achromatopsia

#565656

CSS Usage

background-color: #524BCB;
color: #524BCB;
border-color: #524BCB;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F4F4FB
100
#E6E5F6
200
#CAC8EF
300
#A4A0E4
400
#726DD5
500
#4139C6
600
#342E9E
700
#2A257F
800
#201D63
900
#1B1849
950
#110F2E

Contrast Checker

Text on white

6.51:1

AA Pass AAA Fail

Text on black

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