#489FEE

#489FEE

Color Values

HEX

#489FEE

RGB

72, 159, 238

HSL

208.6, 83.0%, 60.8%

HSV

208.6, 69.7%, 93.3%

CMYK

69.7%, 33.2%, 0.0%, 6.7%

OKLCH

0.685 0.1437 248.8

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#489FEE

#EE9748

Analogous

#48EEEA

#484CEE

#489FEE

Triadic

#489FEE

#EE489F

#9FEE48

Split Complementary

#489FEE

#EE484C

#EEEA48

Tetradic

#489FEE

#EA48EE

#EE9748

#4CEE48

Color Blindness Simulation

Original

#489FEE

Protanopia

#6E6EDB

Deuteranopia

#6962D6

Tritanopia

#4CCCC8

Achromatopsia

#929292

CSS Usage

background-color: #489FEE;
color: #489FEE;
border-color: #489FEE;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F8FD
100
#E1EEFA
200
#BEDDF9
300
#8FC4F5
400
#52A4EF
500
#1684E9
600
#116ABB
700
#0E5595
800
#0B4275
900
#0C3255
950
#082035

Contrast Checker

Text on white

2.81:1

AA Fail AAA Fail

Text on black

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