#6BA6AE Color

Color Information

HEX#6BA6AE
RGB107, 166, 174
HSL187° , 29% , 55%
HSV187° , 39% , 68%
CMYK39%, 5%, 0%, 32%

Lighter Shades

#7DB1B8 #8FBBC1 #A0C6CB #B2D1D5 #C4DBDF #D6E6E8

Darker Shades

#5E9299 #517E84 #446A6F #38565A #2B4246 #1E2E31

Complementary Palette

#5C8F96 #6BA6AE #96635C #AE736B #B98780 #80B2B9

Analogous Palette

#6F9586 #7B9D90 #659CA4 #6BA6AE #7B889D #8793A6

Triadic Palette

#5E9299 #6BA6AE #B95FAF #C172B9 #AFB95F #9AA354

Split Complementary Palette

#60959D #6BA6AE #AE6B84 #B67A90 #AE946B #9D8560

Square Palette

#5A8B92 #6BA6AE #9176A2 #A27C76 #84AE6B #98BB83

Tetradic Palette

#58888F #6BA6AE #6356C2 #AE736B #B6C256 #C3CD74

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6BA6AE contains 107 red, 166 green, and 174 blue.

Contrast Ratio: 2.69:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.82:1