#6980A0 Color

Color Information

HEX	#6980A0
RGB	105, 128, 160
HSL	215° , 22% , 52%
HSV	215° , 34% , 63%
CMYK	34%, 20%, 0%, 37%

Lighter Shades

#7B8FAB #8D9EB7 #9FAEC2 #B1BDCE #C3CCD9 #D5DBE4

Darker Shades

#5C718D #50617A #435266 #374353 #2A3340 #1D242D

Complementary Palette

#5A6E8A #6980A0 #8A765B #A0896A #AD9A7F #7E92AD

Analogous Palette

#688A8D #729397 #637896 #6980A0 #757297 #817EA0

Triadic Palette

#5C718D #6980A0 #AC5D7D #B6708D #7DAC5D #6E9752

Split Complementary Palette

#5F7390 #6980A0 #A06E6A #AA7D79 #9BA06A #8C905F

Square Palette

#586C86 #6980A0 #977293 #978772 #6AA06E #82AF85

Tetradic Palette

#566983 #6980A0 #8B54B6 #A0896A #7BB654 #93C373

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6980A0 contains 105 red, 128 green, and 160 blue.

Contrast Ratio: 3.99:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.26:1