#588FAF

#588FAF

Color Values

HEX

#588FAF

RGB

88, 143, 175

HSL

202.1, 35.2%, 51.6%

HSV

202.1, 49.7%, 68.6%

CMYK

49.7%, 18.3%, 0.0%, 31.4%

OKLCH

0.6245 0.0757 235.3

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#588FAF

#AF7858

Analogous

#58AFA4

#5864AF

#588FAF

Triadic

#588FAF

#AF588F

#8FAF58

Split Complementary

#588FAF

#AF5864

#AFA458

Tetradic

#588FAF

#A458AF

#AF7858

#64AF58

Color Blindness Simulation

Original

#588FAF

Protanopia

#7070A7

Deuteranopia

#6D68A5

Tritanopia

#5BA1A0

Achromatopsia

#868686

CSS Usage

background-color: #588FAF;
color: #588FAF;
border-color: #588FAF;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F5F8FA
100
#E8EFF2
200
#CFDFE8
300
#ACC7D7
400
#7FA9C2
500
#538BAC
600
#426F8A
700
#35596E
800
#294656
900
#213440
950
#152128

Contrast Checker

Text on white

3.52:1

AA Fail AAA Fail

Text on black

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