#689EE5 Color

Color Information

HEX#689EE5
RGB104, 158, 229
HSL214° , 71% , 65%
HSV214° , 55% , 90%
CMYK55%, 31%, 0%, 10%

Lighter Shades

#7AAAE8 #8CB5EB #9EC1EE #B0CDF1 #C3D8F5 #D5E4F8

Darker Shades

#5C8BCA #4F78AE #436593 #365277 #2A3F5C #1D2C40

Complementary Palette

#5988C5 #689EE5 #C59658 #E5AE66 #E9B97B #7DACE9

Analogous Palette

#73BABF #78CDD3 #6295D7 #689EE5 #7E78D3 #8B84D7

Triadic Palette

#5C8BCA #689EE5 #EE5D9C #F070A8 #9CEE5D #89D152

Split Complementary Palette

#5E8ECE #689EE5 #E56F66 #E87D75 #DDE566 #C7CE5C

Square Palette

#5785C0 #689EE5 #DC6FD5 #DCAD6F #66E56F #7EE986

Tetradic Palette

#5582BC #689EE5 #B056F5 #E5AE66 #9BF556 #ADF774

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #689EE5 contains 104 red, 158 green, and 229 blue.

Contrast Ratio: 2.72:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.72:1