#6BBAC2 Color

Color Information

HEX#6BBAC2
RGB107, 186, 194
HSL186° , 42% , 59%
HSV186° , 45% , 76%
CMYK45%, 4%, 0%, 24%

Lighter Shades

#7DC2C9 #8FCBD1 #A0D3D8 #B2DBDF #C4E3E7 #D6ECEE

Darker Shades

#5EA4AB #518D93 #44777C #386165 #2B4A4E #1E3436

Complementary Palette

#5CA0A7 #6BBAC2 #A7635C #C2736B #CB8780 #80C4CB

Analogous Palette

#789B8D #7FAD9B #65AFB6 #6BBAC2 #7F92AD #899AB3

Triadic Palette

#5EA4AB #6BBAC2 #CD60C2 #D373C9 #C2CD60 #ABB454

Split Complementary Palette

#60A7AF #6BBAC2 #C26B8E #C87A99 #C29F6B #AF8F60

Square Palette

#5A9CA3 #6BBAC2 #9D75B8 #B87C75 #8EC26B #A0CC83

Tetradic Palette

#58999F #6BBAC2 #6458D5 #C2736B #C9D558 #D3DD76

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6BBAC2 contains 107 red, 186 green, and 194 blue.

Contrast Ratio: 2.2:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.57:1