#549BA0 Color

Color Information

HEX	#549BA0
RGB	84, 155, 160
HSL	184° , 31% , 48%
HSV	184° , 48% , 63%
CMYK	48%, 3%, 0%, 37%

Lighter Shades

#69A7AB #7DB3B7 #92BFC2 #A6CBCE #BBD7D9 #CFE3E4

Darker Shades

#4A888D #40767A #366366 #2C5153 #223E40 #182B2D

Complementary Palette

#48858A #549BA0 #8A4D48 #A05A54 #AD716C #6CA9AD

Analogous Palette

#5F8172 #688D7D #4F9296 #549BA0 #68788D #728297

Triadic Palette

#4A888D #549BA0 #AD48A6 #B75EB1 #A6AD48 #92983F

Split Complementary Palette

#4C8C90 #549BA0 #A05475 #AA6583 #A07F54 #90724C

Square Palette

#478286 #549BA0 #7E6194 #946561 #75A054 #8BAF6F

Tetradic Palette

#457F83 #549BA0 #483EB6 #A05A54 #AEB63E #BDC361

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #549BA0 contains 84 red, 155 green, and 160 blue.

Contrast Ratio: 3.15:1

Black Background

PASS

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 6.67:1