#6CA0A0 Color

Color Information

HEX	#6CA0A0
RGB	108, 160, 160
HSL	180° , 21% , 53%
HSV	180° , 33% , 63%
CMYK	33%, 0%, 0%, 37%

Lighter Shades

#7EABAB #8FB7B7 #A1C2C2 #B3CECE #C4D9D9 #D6E4E4

Darker Shades

#5F8D8D #527A7A #456666 #385353 #2B4040 #1E2D2D

Complementary Palette

#5D8A8A #6CA0A0 #8A5F5F #A06E6E #AD8282 #81ADAD

Analogous Palette

#6A907D #759987 #669696 #6CA0A0 #758799 #8191A2

Triadic Palette

#5F8D8D #6CA0A0 #AC62AC #B675B6 #ACAC62 #979756

Split Complementary Palette

#619090 #6CA0A0 #A06E87 #AA7D93 #A0876E #907A63

Square Palette

#5B8686 #6CA0A0 #877599 #997575 #87A06E #9AAF85

Tetradic Palette

#598383 #6CA0A0 #5858B6 #A06E6E #B6B658 #C3C376

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6CA0A0 contains 108 red, 160 green, and 160 blue.

Contrast Ratio: 2.88:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.29:1