#4CA6C2 Color

Color Information

HEX#4CA6C2
RGB76, 166, 194
HSL194° , 49% , 53%
HSV194° , 61% , 76%
CMYK61%, 14%, 0%, 24%

Lighter Shades

#61B1C9 #77BBD1 #8CC6D8 #A2D1DF #B7DBE7 #CDE6EE

Darker Shades

#4392AB #3A7E93 #316A7C #285665 #1E424E #152E36

Complementary Palette

#418FA7 #4CA6C2 #A75941 #C2684C #CB7D65 #65B2CB

Analogous Palette

#5F9B8B #64AA97 #479CB6 #4CA6C2 #6477AA #7284B1

Triadic Palette

#4392AB #4CA6C2 #CE40AD #D457B7 #ADCE40 #98B538

Split Complementary Palette

#4495AF #4CA6C2 #C24C6C #C85E7B #C2A34C #AF9344

Square Palette

#408BA3 #4CA6C2 #9D58B6 #B66E58 #6CC24C #84CC69

Tetradic Palette

#3E889F #4CA6C2 #5C37D7 #C2684C #B2D737 #C0DE5B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #4CA6C2 contains 76 red, 166 green, and 194 blue.

Contrast Ratio: 2.74:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.65:1