#4AA4DE Color

Color Information

HEX#4AA4DE
RGB74, 164, 222
HSL204° , 69% , 58%
HSV204° , 67% , 87%
CMYK67%, 26%, 0%, 13%

Lighter Shades

#60AFE2 #75BAE6 #8BC5EA #A1D0EE #B7DBF2 #CCE6F6

Darker Shades

#4190C3 #387DA9 #2F698E #265573 #1E4259 #152E3E

Complementary Palette

#408DBF #4AA4DE #BF7240 #DE854A #E39663 #63B1E3

Analogous Palette

#5BB3AB #5FC8BE #469AD1 #4AA4DE #5F6AC8 #6A74CD

Triadic Palette

#4190C3 #4AA4DE #E93FA5 #EC56B0 #A5E93F #91CD37

Split Complementary Palette

#4394C8 #4AA4DE #DE4A59 #E15C6A #DECF4A #C8BA43

Square Palette

#3E8ABA #4AA4DE #C655D3 #D38755 #59DE4A #74E367

Tetradic Palette

#3D86B6 #4AA4DE #8137F1 #DE854A #A7F137 #B7F45B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #4AA4DE contains 74 red, 164 green, and 222 blue.

Contrast Ratio: 2.71:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.76:1