#575295

#575295

Color Values

HEX

#575295

RGB

87, 82, 149

HSL

244.5, 29.0%, 45.3%

HSV

244.5, 45.0%, 58.4%

CMYK

41.6%, 45.0%, 0.0%, 41.6%

OKLCH

0.4754 0.1059 285.0

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#575295

#909552

Analogous

#526E95

#795295

#575295

Triadic

#575295

#955752

#529557

Split Complementary

#575295

#957952

#6E9552

Tetradic

#575295

#95526E

#909552

#529579

Color Blindness Simulation

Original

#575295

Protanopia

#555585

Deuteranopia

#555681

Tritanopia

#577875

Achromatopsia

#585858

CSS Usage

background-color: #575295;
color: #575295;
border-color: #575295;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F6F5F9
100
#E9E9F2
200
#D2D1E6
300
#B3B0D4
400
#8985BC
500
#605BA4
600
#4D4884
700
#3D3A69
800
#302D52
900
#26243D
950
#181727

Contrast Checker

Text on white

6.89:1

AA Pass AAA Fail

Text on black

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