#7685BC Color

Color Information

HEX	#7685BC
RGB	118, 133, 188
HSL	227° , 34% , 60%
HSV	227° , 37% , 74%
CMYK	37%, 29%, 0%, 26%

Lighter Shades

#8694C4 #97A2CC #A7B1D4 #B8C0DC #C8CEE4 #D9DDEC

Darker Shades

#6875A5 #5A658F #4C5578 #3D4562 #2F354B #212535

Complementary Palette

#6572A2 #7685BC #A29565 #BCAD76 #C5B889 #8996C5

Analogous Palette

#7B949D #8AA0A8 #6F7DB1 #7685BC #928AA8 #9B92AF

Triadic Palette

#6875A5 #7685BC #C66C80 #CD7E8F #80C66C #71AE5F

Split Complementary Palette

#6A78A9 #7685BC #BC8A76 #C39684 #A8BC76 #97A96A

Square Palette

#63709E #7685BC #B181A4 #B1A781 #76BC8A #8CC79D

Tetradic Palette

#616D9A #7685BC #B764CE #BCAD76 #7BCE64 #93D780

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7685BC contains 118 red, 133 green, and 188 blue.

Contrast Ratio: 3.54:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.94:1