#5481DF Color

Color Information

HEX	#5481DF
RGB	84, 129, 223
HSL	221° , 68% , 60%
HSV	221° , 62% , 87%
CMYK	62%, 42%, 0%, 13%

Lighter Shades

#6990E3 #7D9FE7 #92AEEB #A6BDEE #BBCDF2 #CFDCF6

Darker Shades

#4A72C4 #4062A9 #36538F #2C4374 #223459 #18243E

Complementary Palette

#486FC0 #5481DF #BF9948 #DEB254 #E3BD6C #6C93E3

Analogous Palette

#64A6B4 #68B8CA #4F79D2 #5481DF #7A68CA #8473CE

Triadic Palette

#4A72C4 #5481DF #E9497C #EC5F8C #7CE949 #6DCD40

Split Complementary Palette

#4C74C9 #5481DF #DE6D54 #E17C65 #C5DE54 #B1C84C

Square Palette

#476CBB #5481DF #D45EBE #D4AF5E #54DE6D #6FE384

Tetradic Palette

#456AB7 #5481DF #B941F1 #DEB254 #79F141 #91F463

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5481DF contains 84 red, 129 green, and 223 blue.

Contrast Ratio: 3.72:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.64:1