#7686CE Color

Color Information

HEX#7686CE
RGB118, 134, 206
HSL229° , 47% , 64%
HSV229° , 43% , 81%
CMYK43%, 35%, 0%, 19%

Lighter Shades

#8695D4 #97A3DA #A7B2E0 #B8C0E6 #C8CFEB #D9DDF1

Darker Shades

#6876B5 #5A669D #4C5684 #3D466B #2F3652 #21263A

Complementary Palette

#6573B1 #7686CE #B1A467 #CEBF78 #D5C88B #8997D5

Analogous Palette

#849DA9 #8AACBC #6F7EC2 #7686CE #9A8ABC #A394C2

Triadic Palette

#6876B5 #7686CE #D86F82 #DD8091 #82D86F #72BE62

Split Complementary Palette

#6A79B9 #7686CE #CE9378 #D39E86 #B3CE78 #A1B96C

Square Palette

#6371AD #7686CE #C581B0 #C5BA81 #78CE93 #8ED6A4

Tetradic Palette

#616EA9 #7686CE #CB68DF #CEBF78 #7DDF68 #94E583

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7686CE contains 118 red, 134 green, and 206 blue.

Contrast Ratio: 3.41:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.16:1