#689BEA Color

Color Information

HEX#689BEA
RGB104, 155, 234
HSL216° , 76% , 66%
HSV216° , 56% , 92%
CMYK56%, 34%, 0%, 8%

Lighter Shades

#7AA7ED #8CB3EF #9EBFF2 #B0CBF4 #C3D7F7 #D5E3F9

Darker Shades

#5C88CE #4F76B2 #436396 #36517A #2A3E5E #1D2B42

Complementary Palette

#5985C9 #689BEA #C99C58 #EAB566 #EDBF7B #7DA9ED

Analogous Palette

#74BBC3 #78CFD9 #6292DC #689BEA #8178D9 #8D84DC

Triadic Palette

#5C88CE #689BEA #F35E99 #F471A5 #99F35E #87D653

Split Complementary Palette

#5E8CD3 #689BEA #EA7466 #EC8275 #DDEA66 #C7D35C

Square Palette

#5782C5 #689BEA #E26FD6 #E2B46F #66EA74 #7EED8A

Tetradic Palette

#557FC0 #689BEA #B957FA #EAB566 #98FA57 #ABFB75

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #689BEA contains 104 red, 155 green, and 234 blue.

Contrast Ratio: 2.77:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.57:1