#6CA1BA Color

Color Information

HEX#6CA1BA
RGB108, 161, 186
HSL199° , 36% , 58%
HSV199° , 42% , 73%
CMYK42%, 13%, 0%, 27%

Lighter Shades

#7EACC2 #8FB8CB #A1C3D3 #B3CEDB #C4D9E3 #D6E5EC

Darker Shades

#5F8EA4 #527A8D #456777 #385461 #2B404A #1E2D34

Complementary Palette

#5D8AA0 #6CA1BA #A0735E #BA866D #C49781 #81AEC4

Analogous Palette

#759993 #83A59F #6697AF #6CA1BA #8389A5 #8C91AB

Triadic Palette

#5F8EA4 #6CA1BA #C563A6 #CC76B1 #A6C563 #92AD57

Split Complementary Palette

#6191A7 #6CA1BA #BA6D7B #C17C88 #BAAC6D #A79B62

Square Palette

#5B879C #6CA1BA #A678B0 #B08A78 #7BBA6D #90C584

Tetradic Palette

#598499 #6CA1BA #7F5ACE #BA866D #A9CE5A #B8D778

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6CA1BA contains 108 red, 161 green, and 186 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