#4E96AC Color

Color Information

HEX#4E96AC
RGB78, 150, 172
HSL194° , 38% , 49%
HSV194° , 55% , 67%
CMYK55%, 13%, 0%, 33%

Lighter Shades

#63A3B6 #78AFC0 #8EBCCA #A3C8D4 #B8D5DE #CDE2E8

Darker Shades

#458497 #3B7283 #32606E #294E59 #1F3C45 #162A30

Complementary Palette

#438194 #4E96AC #945642 #AC644D #B87A66 #67A5B8

Analogous Palette

#5E877C #669387 #498DA2 #4E96AC #667293 #737E9C

Triadic Palette

#458497 #4E96AC #B9419D #C158A9 #9DB941 #8AA339

Split Complementary Palette

#46879B #4E96AC #AC4D67 #B45F76 #AC934D #9B8445

Square Palette

#427E90 #4E96AC #8D5AA0 #A06B5A #67AC4D #7FB969

Tetradic Palette

#407B8D #4E96AC #5A37C3 #AC644D #A2C337 #B3CE5B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #4E96AC contains 78 red, 150 green, and 172 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