#7486C1 Color

Color Information

HEX#7486C1
RGB116, 134, 193
HSL226° , 38% , 61%
HSV226° , 40% , 76%
CMYK40%, 31%, 0%, 24%

Lighter Shades

#8595C8 #95A3D0 #A6B2D7 #B7C0DF #C7CFE6 #D8DDEE

Darker Shades

#6676AA #586693 #4A567C #3C4664 #2E364D #202636

Complementary Palette

#6473A6 #7486C1 #A69765 #C1B076 #CABB89 #8797CA

Analogous Palette

#7E96A0 #8AA4AD #6D7EB5 #7486C1 #938AAD #9B93B4

Triadic Palette

#6676AA #7486C1 #CB6C82 #D17E91 #82CB6C #72B35F

Split Complementary Palette

#6879AE #7486C1 #C18A76 #C79684 #ADC176 #9CAE6A

Square Palette

#6171A2 #7486C1 #B780A9 #B7AA80 #76C18A #8CCB9D

Tetradic Palette

#5F6E9E #7486C1 #B964D3 #C1B076 #7ED364 #95DB80

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7486C1 contains 116 red, 134 green, and 193 blue.

Contrast Ratio: 3.5:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.01:1