#4CA5D6 Color

Color Information

HEX	#4CA5D6
RGB	76, 165, 214
HSL	201° , 63% , 57%
HSV	201° , 64% , 84%
CMYK	64%, 23%, 0%, 16%

Lighter Shades

#61B0DB #77BBE0 #8CC5E5 #A2D0EA #B7DBEF #CDE6F4

Darker Shades

#4391BC #3A7DA3 #316A89 #28566F #1E4256 #152E3C

Complementary Palette

#418EB8 #4CA5D6 #B86C41 #D67D4C #DC8F65 #65B2DC

Analogous Palette

#5DACA0 #62C0B2 #479BC9 #4CA5D6 #6270C0 #6D7AC5

Triadic Palette

#4391BC #4CA5D6 #E141A9 #E558B3 #A9E141 #95C639

Split Complementary Palette

#4495C1 #4CA5D6 #D64C61 #DA5E71 #D6C24C #C1AF44

Square Palette

#408BB4 #4CA5D6 #BA57CB #CB8057 #61D64C #7ADD69

Tetradic Palette

#3E87AF #4CA5D6 #7739EA #D67D4C #ACEA39 #BBEE5D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #4CA5D6 contains 76 red, 165 green, and 214 blue.

Contrast Ratio: 2.7:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.77:1