#689EED Color

Color Information

HEX#689EED
RGB104, 158, 237
HSL216° , 79% , 67%
HSV216° , 56% , 93%
CMYK56%, 33%, 0%, 7%

Lighter Shades

#7AAAEF #8CB5F1 #9EC1F3 #B0CDF6 #C3D8F8 #D5E4FA

Darker Shades

#5C8BD1 #4F78B4 #436598 #36527B #2A3F5F #1D2C42

Complementary Palette

#5988CC #689EED #CC9E59 #EDB868 #F0C27D #7DACF0

Analogous Palette

#75BFC7 #79D3DC #6295DF #689EED #8379DC #8B82DE

Triadic Palette

#5C8BD1 #689EED #F6609C #F773A8 #9CF660 #89D854

Split Complementary Palette

#5E8ED5 #689EED #ED7668 #EF8477 #E0ED68 #CAD55E

Square Palette

#5785C7 #689EED #E571D9 #E5B671 #68ED76 #80F08C

Tetradic Palette

#5582C2 #689EED #BB59FC #EDB868 #9BFC59 #ADFD77

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #689EED contains 104 red, 158 green, and 237 blue.

Contrast Ratio: 2.69:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.81:1