#524176

#524176

Color Values

HEX

#524176

RGB

82, 65, 118

HSL

259.2, 29.0%, 35.9%

HSV

259.2, 44.9%, 46.3%

CMYK

30.5%, 44.9%, 0.0%, 53.7%

OKLCH

0.4178 0.0877 297.2

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#524176

#657641

Analogous

#414B76

#6D4176

#524176

Triadic

#524176

#765241

#417652

Split Complementary

#524176

#766D41

#4B7641

Tetradic

#524176

#76414B

#657641

#41766D

Color Blindness Simulation

Original

#524176

Protanopia

#4B4A69

Deuteranopia

#4C4D66

Tritanopia

#515F5D

Achromatopsia

#484848

CSS Usage

background-color: #524176;
color: #524176;
border-color: #524176;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F7F5F9
100
#ECE9F2
200
#D8D1E6
300
#BBB0D4
400
#9785BC
500
#725BA4
600
#5B4884
700
#493A69
800
#392D52
900
#2C243D
950
#1C1727

Contrast Checker

Text on white

8.84:1

AA Pass AAA Pass

Text on black

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