#6980B2 Color

Color Information

HEX#6980B2
RGB105, 128, 178
HSL221° , 32% , 55%
HSV221° , 41% , 70%
CMYK41%, 28%, 0%, 30%

Lighter Shades

#7B8FBB #8D9EC4 #9FAECE #B1BDD7 #C3CCE0 #D5DBE9

Darker Shades

#5C719D #506187 #435272 #37435D #2A3347 #1D2432

Complementary Palette

#5A6E99 #6980B2 #988459 #B19A68 #BCA87D #7E92BD

Analogous Palette

#6F8E95 #7B979D #6378A7 #6980B2 #817B9D #8D87A6

Triadic Palette

#5C719D #6980B2 #BC5C7B #C4708B #7BBC5C #6CA551

Split Complementary Palette

#5F73A0 #6980B2 #B17568 #B98377 #A4B168 #949F5E

Square Palette

#586C96 #6980B2 #A5739C #A59673 #68B175 #80BD8B

Tetradic Palette

#566992 #6980B2 #A153C6 #B19A68 #77C653 #8FD072

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6980B2 contains 105 red, 128 green, and 178 blue.

Contrast Ratio: 3.89:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.4:1