#686FBE Color

Color Information

HEX#686FBE
RGB104, 111, 190
HSL235° , 40% , 58%
HSV235° , 45% , 75%
CMYK45%, 42%, 0%, 25%

Lighter Shades

#7A80C6 #8C92CE #9EA3D5 #B0B4DD #C3C5E5 #D5D7ED

Darker Shades

#5C62A7 #4F5490 #43477A #363A63 #2A2C4C #1D1F35

Complementary Palette

#595FA3 #686FBE #A49E5A #BFB869 #C8C27E #7D83C7

Analogous Palette

#788D9B #7E97A9 #6268B3 #686FBE #907EA9 #9888AF

Triadic Palette

#5C62A7 #686FBE #C95E67 #CF7179 #67C95E #5BB153

Split Complementary Palette

#5E64AB #686FBE #BF8D69 #C59878 #9BBF69 #8CAC5F

Square Palette

#575DA0 #686FBE #B47499 #B4AF74 #69BF8D #81C99F

Tetradic Palette

#555B9C #686FBE #C856D2 #BFB869 #60D256 #7DDA74

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #686FBE contains 104 red, 111 green, and 190 blue.

Contrast Ratio: 4.52:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.64:1