#549AAB

#549AAB

Color Values

HEX

#549AAB

RGB

84, 154, 171

HSL

191.7, 34.1%, 50.0%

HSV

191.7, 50.9%, 67.1%

CMYK

50.9%, 9.9%, 0.0%, 32.9%

OKLCH

0.6469 0.0748 215.4

Properties

Cool Light Nearest: NCS S 1050-B20G Cyan

Color Harmonies

Complementary

#549AAB

#AB6554

Analogous

#54AB90

#546FAB

#549AAB

Triadic

#549AAB

#AB549A

#9AAB54

Split Complementary

#549AAB

#AB546F

#AB9054

Tetradic

#549AAB

#9054AB

#AB6554

#6FAB54

Color Blindness Simulation

Original

#549AAB

Protanopia

#7273A7

Deuteranopia

#6E69A6

Tritanopia

#58A4A3

Achromatopsia

#8C8C8C

CSS Usage

background-color: #549AAB;
color: #549AAB;
border-color: #549AAB;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F5F9FA
100
#E8F0F2
200
#CFE3E7
300
#ADCFD7
400
#80B4C1
500
#549AAB
600
#437B89
700
#36636D
800
#2A4D55
900
#223A3F
950
#152428

Contrast Checker

Text on white

3.19:1

AA Fail AAA Fail

Text on black

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