#587EB7

#587EB7

Color Values

HEX

#587EB7

RGB

88, 126, 183

HSL

216.0, 39.7%, 53.1%

HSV

216.0, 51.9%, 71.8%

CMYK

51.9%, 31.1%, 0.0%, 28.2%

OKLCH

0.5895 0.0979 258.3

Properties

Cool Light Nearest: RAL 5012 Light Blue

Color Harmonies

Complementary

#587EB7

#B79158

Analogous

#58ADB7

#6158B7

#587EB7

Triadic

#587EB7

#B7587E

#7EB758

Split Complementary

#587EB7

#B76158

#ADB758

Tetradic

#587EB7

#B758AD

#B79158

#58B761

Color Blindness Simulation

Original

#587EB7

Protanopia

#6869A9

Deuteranopia

#6663A6

Tritanopia

#5A9E9C

Achromatopsia

#7A7A7A

CSS Usage

background-color: #587EB7;
color: #587EB7;
border-color: #587EB7;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F5F7FA
100
#E7ECF3
200
#CDD8E9
300
#AABDDA
400
#7B99C6
500
#4D75B2
600
#3E5E8E
700
#314B72
800
#263B59
900
#1F2D42
950
#141C2A

Contrast Checker

Text on white

4.13:1

AA Fail AAA Fail

Text on black

5.08:1

AA Pass 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