#6A80BE Color

Color Information

HEX	#6A80BE
RGB	106, 128, 190
HSL	224° , 39% , 58%
HSV	224° , 44% , 75%
CMYK	44%, 33%, 0%, 25%

Lighter Shades

#7C8FC6 #8E9ECE #A0AED5 #B2BDDD #C3CCE5 #D5DBED

Darker Shades

#5D71A7 #516190 #44527A #374363 #2A334C #1E2435

Complementary Palette

#5B6EA3 #6A80BE #A3905B #BEA76A #C7B37F #7F92C7

Analogous Palette

#78929B #809FA8 #6478B3 #6A80BE #8980A8 #9189AE

Triadic Palette

#5D71A7 #6A80BE #C85F7B #CF728B #7BC85F #6CB054

Split Complementary Palette

#5F73AB #6A80BE #BE7E6A #C58B79 #AABE6A #99AB5F

Square Palette

#596CA0 #6A80BE #B375A4 #B3A275 #6ABE7E #82C893

Tetradic Palette

#57699C #6A80BE #B057D1 #BEA76A #77D157 #8FD975

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6A80BE contains 106 red, 128 green, and 190 blue.

Contrast Ratio: 3.81:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.51:1