#523887

#523887

Color Values

HEX

#523887

RGB

82, 56, 135

HSL

259.7, 41.4%, 37.5%

HSV

259.7, 58.5%, 52.9%

CMYK

39.3%, 58.5%, 0.0%, 47.1%

OKLCH

0.4122 0.1269 295.5

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#523887

#6D8738

Analogous

#384687

#7A3887

#523887

Triadic

#523887

#875238

#388752

Split Complementary

#523887

#877A38

#468738

Tetradic

#523887

#873846

#6D8738

#38877A

Color Blindness Simulation

Original

#523887

Protanopia

#474774

Deuteranopia

#484A6F

Tritanopia

#516561

Achromatopsia

#434343

CSS Usage

background-color: #523887;
color: #523887;
border-color: #523887;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F6F5FA
100
#EBE7F3
200
#D6CDEA
300
#B9A8DB
400
#937AC8
500
#6D4BB4
600
#583C90
700
#463073
800
#37255A
900
#2A1E43
950
#1B132A

Contrast Checker

Text on white

9.23:1

AA Pass AAA Pass

Text on black

2.27:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

1月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1月 15, 2026