#587DB6

#587DB6

Color Values

HEX

#587DB6

RGB

88, 125, 182

HSL

216.4, 39.2%, 52.9%

HSV

216.4, 51.6%, 71.4%

CMYK

51.6%, 31.3%, 0.0%, 28.6%

OKLCH

0.5868 0.0976 258.8

Properties

Cool Light Nearest: RAL 5012 Light Blue

Color Harmonies

Complementary

#587DB6

#B69158

Analogous

#58ACB6

#6258B6

#587DB6

Triadic

#587DB6

#B6587D

#7DB658

Split Complementary

#587DB6

#B66258

#ACB658

Tetradic

#587DB6

#B658AC

#B69158

#58B662

Color Blindness Simulation

Original

#587DB6

Protanopia

#6868A8

Deuteranopia

#6663A5

Tritanopia

#5A9D9B

Achromatopsia

#797979

CSS Usage

background-color: #587DB6;
color: #587DB6;
border-color: #587DB6;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F7FA
100
#E7ECF3
200
#CDD8E9
300
#AABDDA
400
#7C99C6
500
#4E75B1
600
#3E5D8E
700
#324B72
800
#273A59
900
#1F2D42
950
#141C29

Contrast Checker

Text on white

4.18:1

AA Fail AAA Fail

Text on black

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