#7486B1 Color

Color Information

HEX	#7486B1
RGB	116, 134, 177
HSL	222° , 28% , 57%
HSV	222° , 34% , 69%
CMYK	34%, 24%, 0%, 31%

Lighter Shades

#8595BA #95A3C4 #A6B2CD #B7C0D6 #C7CFE0 #D8DDE9

Darker Shades

#66769C #586687 #4A5671 #3C465C #2E3647 #202632

Complementary Palette

#647398 #7486B1 #978863 #B09E73 #BBAC87 #8797BC

Analogous Palette

#759299 #819BA2 #6D7EA6 #7486B1 #8781A2 #908AA8

Triadic Palette

#66769C #7486B1 #BB6881 #C37A90 #81BB68 #72A55C

Split Complementary Palette

#68799F #7486B1 #B07F73 #B88C81 #A4B073 #949E68

Square Palette

#617195 #7486B1 #A57E9D #A5997E #73B07F #89BD93

Tetradic Palette

#5F6E91 #7486B1 #A65FC4 #B09E73 #7DC45F #94CF7C

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7486B1 contains 116 red, 134 green, and 177 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