#7685B9 Color

Color Information

HEX#7685B9
RGB118, 133, 185
HSL227° , 32% , 59%
HSV227° , 36% , 73%
CMYK36%, 28%, 0%, 27%

Lighter Shades

#8694C1 #97A2CA #A7B1D2 #B8C0DB #C8CEE3 #D9DDEB

Darker Shades

#6875A3 #5A658D #4C5576 #3D4560 #2F354A #212534

Complementary Palette

#65729F #7685B9 #9E9165 #B8A975 #C2B588 #8996C3

Analogous Palette

#78919B #879DA6 #6F7DAE #7685B9 #9087A6 #9890AD

Triadic Palette

#6875A3 #7685B9 #C26B7E #C97D8D #7EC26B #6FAB5E

Split Complementary Palette

#6A78A7 #7685B9 #B88875 #BF9483 #A5B875 #95A669

Square Palette

#63709B #7685B9 #AD7FA0 #ADA37F #75B888 #8BC39B

Tetradic Palette

#616D98 #7685B9 #B462CB #B8A975 #79CB62 #91D47E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7685B9 contains 118 red, 133 green, and 185 blue.

Contrast Ratio: 3.55:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.91:1