#589FDB

#589FDB

Color Values

HEX

#589FDB

RGB

88, 159, 219

HSL

207.5, 64.5%, 60.2%

HSV

207.5, 59.8%, 85.9%

CMYK

59.8%, 27.4%, 0.0%, 14.1%

OKLCH

0.6814 0.1144 246.0

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#589FDB

#DB9458

Analogous

#58DBD6

#585EDB

#589FDB

Triadic

#589FDB

#DB589F

#9FDB58

Split Complementary

#589FDB

#DB585E

#DBD658

Tetradic

#589FDB

#D658DB

#DB9458

#5EDB58

Color Blindness Simulation

Original

#589FDB

Protanopia

#7777CC

Deuteranopia

#736DC9

Tritanopia

#5CC1BE

Achromatopsia

#949494

CSS Usage

background-color: #589FDB;
color: #589FDB;
border-color: #589FDB;
Nearest Tailwind: Sky 500 #0EA5E9

Tailwind Shades

50
#F3F8FC
100
#E3EEF7
200
#C4DDF2
300
#9AC5E9
400
#64A6DE
500
#2D86D2
600
#246BA8
700
#1D5686
800
#174369
900
#14334D
950
#0D2030

Contrast Checker

Text on white

2.84:1

AA Fail AAA Fail

Text on black

7.4:1

AA Pass AAA Pass

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