#7486C4 Color

Color Information

HEX#7486C4
RGB116, 134, 196
HSL227° , 40% , 61%
HSV227° , 41% , 77%
CMYK41%, 32%, 0%, 23%

Lighter Shades

#8595CB #95A3D2 #A6B2D9 #B7C0E0 #C7CFE7 #D8DDEE

Darker Shades

#6676AC #586695 #4A567D #3C4666 #2E364E #202637

Complementary Palette

#6473A9 #7486C4 #A89964 #C3B274 #CBBD87 #8797CC

Analogous Palette

#7E96A0 #88A4AF #6D7EB8 #7486C4 #9388AF #9B91B6

Triadic Palette

#6676AC #7486C4 #CD6A7F #D37C8E #7FCD6A #70B45D

Split Complementary Palette

#6879B0 #7486C4 #C38A74 #C99682 #ADC374 #9CB068

Square Palette

#6171A5 #7486C4 #B97EA8 #B9AC7E #74C38A #8ACD9D

Tetradic Palette

#5F6EA1 #7486C4 #BC62D5 #C3B274 #7BD562 #93DD7E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7486C4 contains 116 red, 134 green, and 196 blue.

Contrast Ratio: 3.48:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.03:1