#6BA8B2 Color

Color Information

HEX#6BA8B2
RGB107, 168, 178
HSL188° , 32% , 56%
HSV188° , 40% , 70%
CMYK40%, 6%, 0%, 30%

Lighter Shades

#7DB2BB #8FBDC4 #A0C7CE #B2D2D7 #C4DCE0 #D6E7E9

Darker Shades

#5E949D #518087 #446C72 #38575D #2B4347 #1E2F32

Complementary Palette

#5C9099 #6BA8B2 #9A645C #B3746B #BE8780 #80B4BD

Analogous Palette

#729789 #7EA093 #659EA7 #6BA8B2 #7E8AA0 #8A95A8

Triadic Palette

#5E949D #6BA8B2 #BE60B1 #C673BA #B1BE60 #9CA754

Split Complementary Palette

#6097A0 #6BA8B2 #B36B85 #BB7A91 #B3986B #A18960

Square Palette

#5A8D96 #6BA8B2 #9576A7 #A77D76 #85B36B #99BF83

Tetradic Palette

#588A92 #6BA8B2 #6657C7 #B3746B #B8C757 #C5D175

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6BA8B2 contains 107 red, 168 green, and 178 blue.

Contrast Ratio: 2.63:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8:1