#7690BD Color

Color Information

HEX	#7690BD
RGB	118, 144, 189
HSL	218° , 35% , 60%
HSV	218° , 38% , 74%
CMYK	38%, 24%, 0%, 26%

Lighter Shades

#869DC5 #97ABCD #A7B8D5 #B8C5DD #C8D3E5 #D9E0ED

Darker Shades

#687FA6 #5A6D90 #4C5C79 #3D4B62 #2F3A4C #212835

Complementary Palette

#657CA3 #7690BD #A38C65 #BDA375 #C6B088 #89A0C6

Analogous Palette

#7B999D #8AA4A8 #6F87B2 #7690BD #8E8AA8 #9692AF

Triadic Palette

#687FA6 #7690BD #C76B8D #CE7D9B #8DC76B #7CAF5E

Split Complementary Palette

#6A82AA #7690BD #BD7F75 #C48C83 #B3BD75 #A1AA69

Square Palette

#63799F #7690BD #B380AC #B3A080 #75BD7F #8BC893

Tetradic Palette

#61769B #7690BD #A763CF #BDA375 #8BCF63 #A0D87F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7690BD contains 118 red, 144 green, and 189 blue.

Contrast Ratio: 3.18:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.6:1