#6AA09C Color

Color Information

HEX	#6AA09C
RGB	106, 160, 156
HSL	176° , 22% , 52%
HSV	176° , 34% , 63%
CMYK	34%, 0%, 2%, 37%

Lighter Shades

#7CABA8 #8EB7B4 #A0C2C0 #B2CECC #C3D9D7 #D5E4E3

Darker Shades

#5D8D89 #517A77 #446664 #375351 #2A403E #1E2D2C

Complementary Palette

#5B8A86 #6AA09C #8A5B5E #A06A6D #AD7F81 #7FADAA

Analogous Palette

#688D78 #729782 #649693 #6AA09C #728697 #7E91A0

Triadic Palette

#5D8D89 #6AA09C #A75DAC #B270B6 #ACA75D #979352

Split Complementary Palette

#5F908C #6AA09C #A06A88 #AA7994 #A0816A #90745F

Square Palette

#598683 #6AA09C #827297 #977274 #88A06A #9BAF82

Tetradic Palette

#578380 #6AA09C #5459B6 #A06A6D #B6AF54 #C3BD73

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6AA09C contains 106 red, 160 green, and 156 blue.

Contrast Ratio: 2.9:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.24:1