#4885BE Color

Color Information

HEX#4885BE
RGB72, 133, 190
HSL209° , 48% , 51%
HSV209° , 62% , 75%
CMYK62%, 30%, 0%, 25%

Lighter Shades

#5E94C6 #74A2CE #8AB1D5 #A0C0DD #B6CEE5 #CCDDED

Darker Shades

#3F75A7 #376590 #2E557A #254563 #1D354C #142535

Complementary Palette

#3E72A3 #4885BE #A36E3C #BE8046 #C79260 #6296C7

Analogous Palette

#599796 #5FA5A4 #447DB3 #4885BE #5F60A5 #6C6DAC

Triadic Palette

#3F75A7 #4885BE #CB3A84 #D15293 #84CB3A #74B333

Split Complementary Palette

#4178AB #4885BE #BE4648 #C5595A #BEBC46 #ABA93F

Square Palette

#3C70A0 #4885BE #B053B2 #B28053 #48BE46 #65C864

Tetradic Palette

#3B6D9C #4885BE #7F30D5 #BE8046 #85D530 #9BDD55

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #4885BE contains 72 red, 133 green, and 190 blue.

Contrast Ratio: 3.86:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.44:1