#4AA4E0 Color

Color Information

HEX	#4AA4E0
RGB	74, 164, 224
HSL	204° , 71% , 58%
HSV	204° , 67% , 88%
CMYK	67%, 27%, 0%, 12%

Lighter Shades

#60AFE4 #75BAE7 #8BC5EB #A1D0EF #B7DBF3 #CCE6F6

Darker Shades

#4190C5 #387DAA #2F698F #265574 #1E425A #152E3F

Complementary Palette

#408DC1 #4AA4E0 #C1723E #E08548 #E49662 #63B1E4

Analogous Palette

#58B6AD #5DCBC0 #469AD3 #4AA4E0 #5D68CB #6973CE

Triadic Palette

#4190C5 #4AA4E0 #EB3DA5 #ED54B0 #A5EB3D #91CF36

Split Complementary Palette

#4394CA #4AA4E0 #E04857 #E35A68 #E0D148 #CABC41

Square Palette

#3E8ABC #4AA4E0 #C853D5 #D58753 #57E048 #72E565

Tetradic Palette

#3D86B8 #4AA4E0 #8135F3 #E08548 #A7F335 #B7F559

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #4AA4E0 contains 74 red, 164 green, and 224 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.78:1