#7680C4 Color

Color Information

HEX#7680C4
RGB118, 128, 196
HSL232° , 40% , 62%
HSV232° , 40% , 77%
CMYK40%, 35%, 0%, 23%

Lighter Shades

#868FCB #979ED2 #A7AED9 #B8BDE0 #C8CCE7 #D9DBEE

Darker Shades

#6871AC #5A6195 #4C527D #3D4366 #2F334E #212437

Complementary Palette

#656EA9 #7680C4 #A9A166 #C5BB77 #CDC58A #8992CC

Analogous Palette

#8196A2 #8BA3B1 #6F78B8 #7680C4 #998BB1 #A294B8

Triadic Palette

#6871AC #7680C4 #CF6E7B #D57F8B #7BCF6E #6CB661

Split Complementary Palette

#6A73B0 #7680C4 #C59477 #CB9F85 #A8C577 #97B16B

Square Palette

#636CA5 #7680C4 #BB81A6 #BBB381 #77C594 #8DCEA5

Tetradic Palette

#6169A1 #7680C4 #C766D6 #C5BB77 #75D666 #8EDD82

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7680C4 contains 118 red, 128 green, and 196 blue.

Contrast Ratio: 3.67:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.73:1