#6986BD Color

Color Information

HEX#6986BD
RGB105, 134, 189
HSL219° , 39% , 58%
HSV219° , 44% , 74%
CMYK44%, 29%, 0%, 26%

Lighter Shades

#7B95C5 #8DA3CD #9FB2D5 #B1C0DD #C3CFE5 #D5DDED

Darker Shades

#5C76A6 #506690 #435679 #374662 #2A364C #1D2635

Complementary Palette

#5A73A3 #6986BD #A38A5B #BEA06A #C7AD7F #7E97C6

Analogous Palette

#78969B #80A2A8 #637EB2 #6986BD #8680A8 #8E89AE

Triadic Palette

#5C76A6 #6986BD #C85F84 #CF7293 #84C85F #74B054

Split Complementary Palette

#5F79AA #6986BD #BE776A #C58579 #B1BE6A #9FAB5F

Square Palette

#58719F #6986BD #B375AA #B39D75 #6ABE77 #82C88D

Tetradic Palette

#566E9B #6986BD #A657D1 #BEA06A #82D157 #99D975

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6986BD contains 105 red, 134 green, and 189 blue.

Contrast Ratio: 3.61:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.82:1