#489BDD

#489BDD

Color Values

HEX

#489BDD

RGB

72, 155, 221

HSL

206.6, 68.7%, 57.5%

HSV

206.6, 67.4%, 86.7%

CMYK

67.4%, 29.9%, 0.0%, 13.3%

OKLCH

0.6671 0.1271 245.4

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#489BDD

#DD8A48

Analogous

#48DDD5

#4851DD

#489BDD

Triadic

#489BDD

#DD489B

#9BDD48

Split Complementary

#489BDD

#DD4851

#DDD548

Tetradic

#489BDD

#D548DD

#DD8A48

#51DD48

Color Blindness Simulation

Original

#489BDD

Protanopia

#6C6DCD

Deuteranopia

#6761C9

Tritanopia

#4CC0BE

Achromatopsia

#8E8E8E

CSS Usage

background-color: #489BDD;
color: #489BDD;
border-color: #489BDD;
Nearest Tailwind: Sky 500 #0EA5E9

Tailwind Shades

50
#F3F8FC
100
#E3EEF8
200
#C3DEF4
300
#98C7EC
400
#60A8E1
500
#2889D7
600
#206EAC
700
#1A588A
800
#14456C
900
#12344E
950
#0C2132

Contrast Checker

Text on white

3.0:1

AA Fail AAA Fail

Text on black

7.01:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026