#5486DA Color

Color Information

HEX#5486DA
RGB84, 134, 218
HSL218° , 64% , 59%
HSV218° , 61% , 85%
CMYK61%, 39%, 0%, 15%

Lighter Shades

#6995DE #7DA3E3 #92B2E7 #A6C0EC #BBCFF0 #CFDDF5

Darker Shades

#4A76C0 #4066A6 #36568C #2C4671 #223657 #18263D

Complementary Palette

#4873BB #5486DA #BB9048 #D9A854 #DEB46C #6C97DF

Analogous Palette

#63A6B0 #68B8C4 #4F7ECD #5486DA #7568C4 #7D73C9

Triadic Palette

#4A76C0 #5486DA #E44982 #E75F91 #82E449 #72C940

Split Complementary Palette

#4C79C4 #5486DA #D96554 #DD7465 #C8D954 #B4C34C

Square Palette

#4771B7 #5486DA #CF5EC0 #CFA65E #54D965 #6FDF7E

Tetradic Palette

#456EB3 #5486DA #AD41EC #D9A854 #80EC41 #97EF63

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5486DA contains 84 red, 134 green, and 218 blue.

Contrast Ratio: 3.58:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.87:1