#7685C6 Color

Color Information

HEX#7685C6
RGB118, 133, 198
HSL229° , 41% , 62%
HSV229° , 40% , 78%
CMYK40%, 33%, 0%, 22%

Lighter Shades

#8694CD #97A2D4 #A7B1DB #B8C0E1 #C8CEE8 #D9DDEF

Darker Shades

#6875AE #5A6596 #4C557F #3D4567 #2F354F #212537

Complementary Palette

#6572AA #7685C6 #AA9D65 #C6B776 #CEC189 #8996CE

Analogous Palette

#8197A2 #8AA6B2 #6F7DBA #7685C6 #978AB2 #9F92B9

Triadic Palette

#6875AE #7685C6 #D06D7F #D67F8E #7FD06D #70B760

Split Complementary Palette

#6A78B2 #7685C6 #C69076 #CC9B84 #ADC676 #9CB26A

Square Palette

#6370A6 #7685C6 #BC80A9 #BCB180 #76C690 #8CCFA2

Tetradic Palette

#616DA2 #7685C6 #C265D7 #C6B776 #7AD765 #92DE81

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7685C6 contains 118 red, 133 green, and 198 blue.

Contrast Ratio: 3.49:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.02:1