#7690C6 Color

Color Information

HEX#7690C6
RGB118, 144, 198
HSL221° , 41% , 62%
HSV221° , 40% , 78%
CMYK40%, 27%, 0%, 22%

Lighter Shades

#869DCD #97ABD4 #A7B8DB #B8C5E1 #C8D3E8 #D9E0EF

Darker Shades

#687FAE #5A6D96 #4C5C7F #3D4B67 #2F3A4F #212837

Complementary Palette

#657CAA #7690C6 #AA9565 #C6AD76 #CEB889 #89A0CE

Analogous Palette

#819BA2 #8AABB2 #6F87BA #7690C6 #918AB2 #9992B9

Triadic Palette

#687FAE #7690C6 #D06D8C #D67F9A #8CD06D #7BB760

Split Complementary Palette

#6A82B2 #7690C6 #C68576 #CC9184 #B7C676 #A5B26A

Square Palette

#6379A6 #7690C6 #BC80B1 #BCA980 #76C685 #8CCF99

Tetradic Palette

#6176A2 #7690C6 #B365D7 #C6AD76 #89D765 #9EDE81

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7690C6 contains 118 red, 144 green, and 198 blue.

Contrast Ratio: 3.15:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.68:1