#524DB7

#524DB7

Color Values

HEX

#524DB7

RGB

82, 77, 183

HSL

242.8, 42.4%, 51.0%

HSV

242.8, 57.9%, 71.8%

CMYK

55.2%, 57.9%, 0.0%, 28.2%

OKLCH

0.4852 0.1624 280.6

Properties

Cool Dark Nearest: slateblue

Color Harmonies

Complementary

#524DB7

#B2B74D

Analogous

#4D7DB7

#874DB7

#524DB7

Triadic

#524DB7

#B7524D

#4DB752

Split Complementary

#524DB7

#B7874D

#7DB74D

Tetradic

#524DB7

#B74D7D

#B2B74D

#4DB787

Color Blindness Simulation

Original

#524DB7

Protanopia

#50509D

Deuteranopia

#505097

Tritanopia

#528985

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E7E7F4
200
#CECCEA
300
#AAA8DC
400
#7C79C9
500
#4E49B6
600
#3F3B91
700
#322F74
800
#27255B
900
#201E43
950
#14132A

Contrast Checker

Text on white

6.77:1

AA Pass AAA Fail

Text on black

3.1:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026