#584CB9

#584CB9

Color Values

HEX

#584CB9

RGB

88, 76, 185

HSL

246.6, 43.8%, 51.2%

HSV

246.6, 58.9%, 72.5%

CMYK

52.4%, 58.9%, 0.0%, 27.5%

OKLCH

0.4897 0.1656 283.4

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#584CB9

#ADB94C

Analogous

#4C77B9

#8F4CB9

#584CB9

Triadic

#584CB9

#B9584C

#4CB958

Split Complementary

#584CB9

#B98F4C

#77B94C

Tetradic

#584CB9

#B94C77

#ADB94C

#4CB98F

Color Blindness Simulation

Original

#584CB9

Protanopia

#53539F

Deuteranopia

#545498

Tritanopia

#578A85

Achromatopsia

#565656

CSS Usage

background-color: #584CB9;
color: #584CB9;
border-color: #584CB9;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F5F5FA
100
#E8E7F4
200
#CFCCEB
300
#ADA7DD
400
#8077CA
500
#5448B7
600
#433993
700
#362E75
800
#2A245C
900
#221D44
950
#15132B

Contrast Checker

Text on white

6.67:1

AA Pass AAA Fail

Text on black

3.15:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026