#4A90AC Color

Color Information

HEX#4A90AC
RGB74, 144, 172
HSL197° , 40% , 48%
HSV197° , 57% , 67%
CMYK57%, 16%, 0%, 33%

Lighter Shades

#609DB6 #75ABC0 #8BB8CA #A1C5D4 #B7D3DE #CCE0E8

Darker Shades

#417F97 #386D83 #2F5C6E #264B59 #1E3A45 #152830

Complementary Palette

#407C94 #4A90AC #93573F #AB6549 #B77B62 #63A0B8

Analogous Palette

#5A877D #629388 #4687A2 #4A90AC #626D93 #707999

Triadic Palette

#417F97 #4A90AC #B83D95 #C154A2 #95B83D #83A236

Split Complementary Palette

#43829B #4A90AC #AB495F #B35B6F #AB9649 #9A8742

Square Palette

#3E7990 #4A90AC #8F569F #9F6A56 #5FAB49 #79B866

Tetradic Palette

#3D768D #4A90AC #5C33C1 #AB6549 #99C133 #ABCC58

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #4A90AC contains 74 red, 144 green, and 172 blue.

Contrast Ratio: 3.53:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.96:1