#5498AB

#5498AB

Color Values

HEX

#5498AB

RGB

84, 152, 171

HSL

193.1, 34.1%, 50.0%

HSV

193.1, 50.9%, 67.1%

CMYK

50.9%, 11.1%, 0.0%, 32.9%

OKLCH

0.6422 0.0744 218.0

Properties

Cool Light Nearest: NCS S 1050-B20G Cyan

Color Harmonies

Complementary

#5498AB

#AB6754

Analogous

#54AB92

#546DAB

#5498AB

Triadic

#5498AB

#AB5498

#98AB54

Split Complementary

#5498AB

#AB546D

#AB9254

Tetradic

#5498AB

#9254AB

#AB6754

#6DAB54

Color Blindness Simulation

Original

#5498AB

Protanopia

#7172A6

Deuteranopia

#6E68A5

Tritanopia

#57A3A2

Achromatopsia

#8B8B8B

CSS Usage

background-color: #5498AB;
color: #5498AB;
border-color: #5498AB;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F5F9FA
100
#E8F0F2
200
#CFE2E7
300
#ADCED7
400
#80B3C1
500
#5498AB
600
#437A89
700
#36616D
800
#2A4C55
900
#22393F
950
#152428

Contrast Checker

Text on white

3.25:1

AA Fail AAA Fail

Text on black

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