#588DDD

#588DDD

Color Values

HEX

#588DDD

RGB

88, 141, 221

HSL

216.1, 66.2%, 60.6%

HSV

216.1, 60.2%, 86.7%

CMYK

60.2%, 36.2%, 0.0%, 13.3%

OKLCH

0.6428 0.1334 258.4

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#588DDD

#DDA858

Analogous

#58D0DD

#6658DD

#588DDD

Triadic

#588DDD

#DD588D

#8DDD58

Split Complementary

#588DDD

#DD6658

#D0DD58

Tetradic

#588DDD

#DD58D0

#DDA858

#58DD66

Color Blindness Simulation

Original

#588DDD

Protanopia

#6F6FCA

Deuteranopia

#6C68C5

Tritanopia

#5BBAB7

Achromatopsia

#888888

CSS Usage

background-color: #588DDD;
color: #588DDD;
border-color: #588DDD;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F3F6FC
100
#E3EBF7
200
#C4D6F3
300
#99BAEA
400
#6294DF
500
#2B6ED4
600
#2258AA
700
#1C4788
800
#16376A
900
#142B4D
950
#0C1B31

Contrast Checker

Text on white

3.35:1

AA Fail AAA Fail

Text on black

6.27:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026