#689BD7 Color

Color Information

HEX#689BD7
RGB104, 155, 215
HSL212° , 58% , 63%
HSV212° , 52% , 84%
CMYK52%, 28%, 0%, 16%

Lighter Shades

#7AA7DC #8CB3E1 #9EBFE5 #B0CBEA #C3D7EF #D5E3F4

Darker Shades

#5C88BD #4F76A3 #43638A #365170 #2A3E56 #1D2B3C

Complementary Palette

#5985B9 #689BD7 #B98D5B #D7A46A #DDB17F #7DA9DD

Analogous Palette

#77AFB1 #7DC2C5 #6292CA #689BD7 #7F7DC5 #8A88C8

Triadic Palette

#5C88BD #689BD7 #E1609C #E573A8 #9CE160 #89C654

Split Complementary Palette

#5E8CC2 #689BD7 #D76E6A #DB7D79 #D4D76A #BFC25F

Square Palette

#5782B5 #689BD7 #CE73CB #CEA473 #6AD76E #82DD85

Tetradic Palette

#557FB0 #689BD7 #A559E8 #D7A46A #9CE859 #AEEC77

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #689BD7 contains 104 red, 155 green, and 215 blue.

Contrast Ratio: 2.85:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.37:1