#6AA2C5 Color

Color Information

HEX#6AA2C5
RGB106, 162, 197
HSL203° , 44% , 59%
HSV203° , 46% , 77%
CMYK46%, 18%, 0%, 23%

Lighter Shades

#7CADCC #8EB8D3 #A0C3DA #B2CFE1 #C3DAE8 #D5E5EF

Darker Shades

#5D8FAD #517B96 #44687E #375466 #2A414F #1E2D37

Complementary Palette

#5B8BA9 #6AA2C5 #A97859 #C48C68 #CC9C7D #7FAFCD

Analogous Palette

#779C99 #7DB0AA #6498B9 #6AA2C5 #7D83B0 #878CB5

Triadic Palette

#5D8FAD #6AA2C5 #CF5EA4 #D571AF #A4CF5E #90B653

Split Complementary Palette

#5F92B1 #6AA2C5 #C46873 #CA7781 #C4BA68 #B0A75E

Square Palette

#5988A5 #6AA2C5 #B273BA #BA8E73 #73C468 #89CD80

Tetradic Palette

#5785A2 #6AA2C5 #8756D7 #C48C68 #A6D756 #B6DE74

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6AA2C5 contains 106 red, 162 green, and 197 blue.

Contrast Ratio: 2.72:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.71:1