#4B96AF Color

Color Information

HEX#4B96AF
RGB75, 150, 175
HSL195° , 40% , 49%
HSV195° , 57% , 69%
CMYK57%, 14%, 0%, 31%

Lighter Shades

#61A3B9 #76AFC2 #8CBCCC #A1C8D5 #B7D5DF #CDE2E9

Darker Shades

#42849A #397285 #306070 #274E5B #1E3C46 #152A31

Complementary Palette

#418197 #4B96AF #975641 #AF644B #BA7A64 #64A5BA

Analogous Palette

#5C8A7E #649689 #478DA5 #4B96AF #647096 #727C9D

Triadic Palette

#42849A #4B96AF #BB3E9C #C355A8 #9CBB3E #89A537

Split Complementary Palette

#44879E #4B96AF #AF4B64 #B75D74 #AF964B #9E8744

Square Palette

#3F7E93 #4B96AF #9057A2 #A26A57 #64AF4B #7DBC68

Tetradic Palette

#3E7B90 #4B96AF #5934C5 #AF644B #A1C534 #B2CF59

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #4B96AF contains 75 red, 150 green, and 175 blue.

Contrast Ratio: 3.3:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.37:1