#549EF2 Color

Color Information

HEX	#549EF2
RGB	84, 158, 242
HSL	212° , 86% , 64%
HSV	212° , 65% , 95%
CMYK	65%, 35%, 0%, 5%

Lighter Shades

#69AAF4 #7DB5F5 #92C1F7 #A6CDF8 #BBD8FA #CFE4FB

Darker Shades

#4A8BD5 #4078B8 #36659B #2C527E #223F61 #182C44

Complementary Palette

#4888D0 #549EF2 #D09048 #F2A854 #F4B46C #6CACF4

Analogous Palette

#62C7CB #67DCE0 #4F95E3 #549EF2 #6B67E0 #7773E2

Triadic Palette

#4A8BD5 #549EF2 #FB4B9D #FB61A9 #9DFB4B #8ADD42

Split Complementary Palette

#4C8EDA #549EF2 #F25A54 #F36B65 #EDF254 #D5DA4C

Square Palette

#4785CB #549EF2 #E95DE4 #E9A85D #54F25A #6FF474

Tetradic Palette

#4582C6 #549EF2 #A947FF #F2A854 #9DFF47 #AFFF68

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #549EF2 contains 84 red, 158 green, and 242 blue.

Contrast Ratio: 2.75:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.65:1