#549FB1

#549FB1

Color Values

HEX

#549FB1

RGB

84, 159, 177

HSL

191.6, 37.3%, 51.2%

HSV

191.6, 52.5%, 69.4%

CMYK

52.5%, 10.2%, 0.0%, 30.6%

OKLCH

0.6612 0.0789 215.3

Properties

Cool Light Nearest: NCS S 1050-B20G Cyan

Color Harmonies

Complementary

#549FB1

#B16654

Analogous

#54B195

#5471B1

#549FB1

Triadic

#549FB1

#B1549F

#9FB154

Split Complementary

#549FB1

#B15471

#B19554

Tetradic

#549FB1

#9554B1

#B16654

#71B154

Color Blindness Simulation

Original

#549FB1

Protanopia

#7475AD

Deuteranopia

#706AAC

Tritanopia

#58A9A8

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E7F1F3
200
#CEE3E9
300
#ABD0D9
400
#7DB6C4
500
#509DAF
600
#407D8C
700
#336470
800
#284E58
900
#203A41
950
#142529

Contrast Checker

Text on white

3.01:1

AA Fail AAA Fail

Text on black

6.97:1

AA Pass AAA Fail

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