#589AC7

#589AC7

Color Values

HEX

#589AC7

RGB

88, 154, 199

HSL

204.3, 49.8%, 56.3%

HSV

204.3, 55.8%, 78.0%

CMYK

55.8%, 22.6%, 0.0%, 22.0%

OKLCH

0.6606 0.0953 240.1

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#589AC7

#C78558

Analogous

#58C7BD

#5863C7

#589AC7

Triadic

#589AC7

#C7589A

#9AC758

Split Complementary

#589AC7

#C75863

#C7BD58

Tetradic

#589AC7

#BD58C7

#C78558

#63C758

Color Blindness Simulation

Original

#589AC7

Protanopia

#7575BC

Deuteranopia

#716CB9

Tritanopia

#5BB4B2

Achromatopsia

#8F8F8F

CSS Usage

background-color: #589AC7;
color: #589AC7;
border-color: #589AC7;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F4F8FB
100
#E6EFF5
200
#CADFED
300
#A3C8E0
400
#72AAD0
500
#408CBF
600
#337099
700
#29597A
800
#20465F
900
#1B3546
950
#11212C

Contrast Checker

Text on white

3.06:1

AA Fail AAA Fail

Text on black

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