#4AA2DD Color

Color Information

HEX#4AA2DD
RGB74, 162, 221
HSL204° , 68% , 58%
HSV204° , 67% , 87%
CMYK67%, 27%, 0%, 13%

Lighter Shades

#60ADE1 #75B8E5 #8BC3E9 #A1CFED #B7DAF1 #CCE5F5

Darker Shades

#418FC2 #387BA8 #2F688D #265473 #1E4158 #152D3E

Complementary Palette

#408BBE #4AA2DD #BE7241 #DD854B #E29664 #63AFE2

Analogous Palette

#5CB2AA #60C7BD #4698D0 #4AA2DD #606BC7 #6B75CC

Triadic Palette

#418FC2 #4AA2DD #E740A5 #EA57B0 #A5E740 #91CB38

Split Complementary Palette

#4392C7 #4AA2DD #DD4B5A #E05D6B #DDCE4B #C7B944

Square Palette

#3E88BA #4AA2DD #C656D2 #D28756 #5ADD4B #74E268

Tetradic Palette

#3D85B5 #4AA2DD #8138F0 #DD854B #A6F038 #B6F35C

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #4AA2DD contains 74 red, 162 green, and 221 blue.

Contrast Ratio: 2.76:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.61:1