#6BAAAF Color

Color Information

HEX#6BAAAF
RGB107, 170, 175
HSL184° , 30% , 55%
HSV184° , 39% , 69%
CMYK39%, 3%, 0%, 31%

Lighter Shades

#7DB4B9 #8FBEC2 #A0C9CC #B2D3D5 #C4DDDF #D6E7E9

Darker Shades

#5E969A #518185 #446D70 #38585B #2B4446 #1E3031

Complementary Palette

#5C9297 #6BAAAF #975F5B #AF6E6A #BA827F #80B6BA

Analogous Palette

#6F9584 #7B9D8F #65A0A5 #6BAAAF #7B8A9D #8795A6

Triadic Palette

#5E969A #6BAAAF #BA5EB4 #C271BD #B4BA5E #9EA453

Split Complementary Palette

#60999E #6BAAAF #AF6A88 #B77994 #AF916A #9E835F

Square Palette

#5A8F93 #6BAAAF #8F75A3 #A37875 #88AF6A #9BBC82

Tetradic Palette

#588B90 #6BAAAF #5B55C3 #AF6E6A #BCC355 #C8CE74

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6BAAAF contains 107 red, 170 green, and 175 blue.

Contrast Ratio: 2.59:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.12:1