#524AAB

#524AAB

Color Values

HEX

#524AAB

RGB

82, 74, 171

HSL

244.9, 39.6%, 48.0%

HSV

244.9, 56.7%, 67.1%

CMYK

52.0%, 56.7%, 0.0%, 32.9%

OKLCH

0.4707 0.15 282.7

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#524AAB

#A3AB4A

Analogous

#4A72AB

#824AAB

#524AAB

Triadic

#524AAB

#AB524A

#4AAB52

Split Complementary

#524AAB

#AB824A

#72AB4A

Tetradic

#524AAB

#AB4A72

#A3AB4A

#4AAB82

Color Blindness Simulation

Original

#524AAB

Protanopia

#4F4E94

Deuteranopia

#4F508E

Tritanopia

#52817D

Achromatopsia

#535353

CSS Usage

background-color: #524AAB;
color: #524AAB;
border-color: #524AAB;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F5F5FA
100
#E8E7F3
200
#CFCDE9
300
#AEAADA
400
#817BC6
500
#554DB2
600
#443E8E
700
#373172
800
#2B2759
900
#221F42
950
#15142A

Contrast Checker

Text on white

7.18:1

AA Pass AAA Pass

Text on black

2.93:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026