#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

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026