#3CAEA6 Color

Color Information

HEX#3CAEA6
RGB60, 174, 166
HSL176° , 49% , 46%
HSV176° , 66% , 68%
CMYK66%, 0%, 5%, 32%

Lighter Shades

#53B8B1 #6BC1BB #82CBC6 #9AD5D1 #B1DFDB #C8E8E6

Darker Shades

#359992 #2E847E #266F6A #1F5A56 #184642 #11312E

Complementary Palette

#34968F #3CAEA6 #97343A #AF3C43 #BA575D #57B9B2

Analogous Palette

#4C8A67 #539771 #38A49C #3CAEA6 #537A97 #63839C

Triadic Palette

#359992 #3CAEA6 #B130BB #BA49C3 #BBB130 #A59C2A

Split Complementary Palette

#369D95 #3CAEA6 #AF3C7D #B7508A #AF6E3C #9E6336

Square Palette

#32928B #3CAEA6 #6F48A3 #A3484E #7DAF3C #92BC5B

Tetradic Palette

#318F88 #3CAEA6 #2731C4 #AF3C43 #C4B927 #CFC64E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3CAEA6 contains 60 red, 174 green, and 166 blue.

Contrast Ratio: 2.66:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.91:1