#5487FF Color

Color Information

HEX	#5487FF
RGB	84, 135, 255
HSL	222° , 100% , 66%
HSV	222° , 67% , 100%
CMYK	67%, 47%, 0%, 0%

Lighter Shades

#6995FF #7DA4FF #92B2FF #A6C1FF #BBCFFF #CFDDFF

Darker Shades

#4A77E0 #4067C2 #3656A3 #2C4685 #223666 #182647

Complementary Palette

#4874DB #5487FF #DBAF47 #FFCB52 #FFD26A #6C98FF

Analogous Palette

#60BFD7 #63D2EE #4F7FF0 #5487FF #7F63EE #8A71EF

Triadic Palette

#4A77E0 #5487FF #FF5286 #FF6795 #86FF52 #76E048

Split Complementary Palette

#4C7AE6 #5487FF #FF7452 #FF8263 #DCFF52 #C6E64A

Square Palette

#4771D6 #5487FF #F65AD7 #F6C85A #52FF74 #6EFF8A

Tetradic Palette

#456FD1 #5487FF #CB52FF #FFCB52 #86FF52 #9CFF71

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5487FF contains 84 red, 135 green, and 255 blue.

Contrast Ratio: 3.31:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.34:1