#549EC2 Color

Color Information

HEX	#549EC2
RGB	84, 158, 194
HSL	200° , 47% , 55%
HSV	200° , 57% , 76%
CMYK	57%, 19%, 0%, 24%

Lighter Shades

#69AAC9 #7DB5D1 #92C1D8 #A6CDDF #BBD8E7 #CFE4EE

Darker Shades

#4A8BAB #407893 #36657C #2C5265 #223F4E #182C36

Complementary Palette

#4888A7 #549EC2 #A7694A #C27A56 #CB8D6E #6CACCB

Analogous Palette

#679890 #6DABA1 #4F95B6 #549EC2 #6D78AB #7A84B3

Triadic Palette

#4A8BAB #549EC2 #CE4BA2 #D461AD #A2CE4B #8FB542

Split Complementary Palette

#4C8EAF #549EC2 #C25668 #C86777 #C2B056 #AF9E4D

Square Palette

#4785A3 #549EC2 #A962B7 #B77E62 #68C256 #80CC71

Tetradic Palette

#45829F #549EC2 #7342D7 #C27A56 #A5D742 #B5DE64

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #549EC2 contains 84 red, 158 green, and 194 blue.

Contrast Ratio: 2.94:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.15:1