#489AAA

#489AAA

Color Values

HEX

#489AAA

RGB

72, 154, 170

HSL

189.8, 40.5%, 47.5%

HSV

189.8, 57.6%, 66.7%

CMYK

57.6%, 9.4%, 0.0%, 33.3%

OKLCH

0.6416 0.0827 212.2

Properties

Cool Light Nearest: NCS S 1050-B20G Cyan

Color Harmonies

Complementary

#489AAA

#AA5848

Analogous

#48AA89

#4869AA

#489AAA

Triadic

#489AAA

#AA489A

#9AAA48

Split Complementary

#489AAA

#AA4869

#AA8948

Tetradic

#489AAA

#8948AA

#AA5848

#69AA48

Color Blindness Simulation

Original

#489AAA

Protanopia

#6C6CA6

Deuteranopia

#6761A5

Tritanopia

#4CA3A2

Achromatopsia

#8A8A8A

CSS Usage

background-color: #489AAA;
color: #489AAA;
border-color: #489AAA;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F5F9FA
100
#E7F1F3
200
#CDE5EA
300
#A9D2DB
400
#7ABAC7
500
#4CA2B3
600
#3D828F
700
#316873
800
#26515A
900
#1F3C42
950
#13262A

Contrast Checker

Text on white

3.24:1

AA Fail AAA Fail

Text on black

6.48:1

AA Pass AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026