#5494DE Color

Color Information

HEX#5494DE
RGB84, 148, 222
HSL212° , 68% , 60%
HSV212° , 62% , 87%
CMYK62%, 33%, 0%, 13%

Lighter Shades

#69A1E2 #7DAEE6 #92BBEA #A6C7EE #BBD4F2 #CFE1F6

Darker Shades

#4A82C3 #4070A9 #365F8E #2C4D73 #223B59 #18293E

Complementary Palette

#487FBF #5494DE #BF8848 #DE9E54 #E3AC6C #6CA3E3

Analogous Palette

#64B3B4 #68C7CA #4F8BD1 #5494DE #6B68CA #7573CE

Triadic Palette

#4A82C3 #5494DE #E94994 #EC5FA1 #94E949 #82CD40

Split Complementary Palette

#4C85C8 #5494DE #DE5854 #E16965 #DADE54 #C4C84C

Square Palette

#477CBA #5494DE #D45ED0 #D49D5E #54DE58 #6FE373

Tetradic Palette

#4579B6 #5494DE #9F41F1 #DE9E54 #93F141 #A6F463

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5494DE contains 84 red, 148 green, and 222 blue.

Contrast Ratio: 3.11:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.76:1