#4A96BF Color

Color Information

HEX#4A96BF
RGB74, 150, 191
HSL201° , 48% , 52%
HSV201° , 61% , 75%
CMYK61%, 21%, 0%, 25%

Lighter Shades

#60A3C7 #75AFCE #8BBCD6 #A1C8DE #B7D5E5 #CCE2ED

Darker Shades

#4184A8 #387291 #2F607A #264E63 #1E3C4C #152A35

Complementary Palette

#4081A4 #4A96BF #A46340 #BF734A #C88763 #63A5C8

Analogous Palette

#5D988F #62A79D #468DB4 #4A96BF #626DA7 #6F79AE

Triadic Palette

#4184A8 #4A96BF #CC3E9A #D255A6 #9ACC3E #88B437

Split Complementary Palette

#4387AC #4A96BF #BF4A5B #C55C6B #BFAE4A #AC9D43

Square Palette

#3E7EA0 #4A96BF #A556B3 #B37756 #5BBF4A #75C967

Tetradic Palette

#3D7B9D #4A96BF #6C34D5 #BF734A #9DD534 #AFDD59

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #4A96BF contains 74 red, 150 green, and 191 blue.

Contrast Ratio: 3.23:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.5:1