#6AA1BC Color

Color Information

HEX#6AA1BC
RGB106, 161, 188
HSL200° , 38% , 58%
HSV200° , 44% , 74%
CMYK44%, 14%, 0%, 26%

Lighter Shades

#7CACC4 #8EB8CC #A0C3D4 #B2CEDC #C3D9E4 #D5E5EC

Darker Shades

#5D8EA5 #517A8F #446778 #375462 #2A404B #1E2D35

Complementary Palette

#5B8AA2 #6AA1BC #A3735C #BD866B #C69780 #7FAEC5

Analogous Palette

#759993 #81A7A1 #6497B1 #6AA1BC #8187A7 #8A90AD

Triadic Palette

#5D8EA5 #6AA1BC #C760A5 #CE73B0 #A5C760 #91AF54

Split Complementary Palette

#5F91A9 #6AA1BC #BD6B79 #C47A86 #BDAF6B #AA9E60

Square Palette

#59879E #6AA1BC #A876B2 #B28A76 #79BD6B #8EC883

Tetradic Palette

#57849A #6AA1BC #8058D0 #BD866B #A8D058 #B8D876

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6AA1BC contains 106 red, 161 green, and 188 blue.

Contrast Ratio: 2.78:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.56:1