#489AEB

#489AEB

Color Values

HEX

#489AEB

RGB

72, 154, 235

HSL

209.8, 80.3%, 60.2%

HSV

209.8, 69.4%, 92.2%

CMYK

69.4%, 34.5%, 0.0%, 7.8%

OKLCH

0.6723 0.1446 250.6

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#489AEB

#EB9948

Analogous

#48EBEA

#4849EB

#489AEB

Triadic

#489AEB

#EB489A

#9AEB48

Split Complementary

#489AEB

#EB4849

#EBEA48

Tetradic

#489AEB

#EA48EB

#EB9948

#49EB48

Color Blindness Simulation

Original

#489AEB

Protanopia

#6C6CD7

Deuteranopia

#6761D3

Tritanopia

#4CC8C5

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E1EDF9
200
#BFDBF8
300
#91C2F3
400
#55A1EC
500
#1980E6
600
#1467B8
700
#105293
800
#0D4073
900
#0D3153
950
#081F35

Contrast Checker

Text on white

2.96:1

AA Fail AAA Fail

Text on black

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