#48879D Color

Color Information

HEX	#48879D
RGB	72, 135, 157
HSL	196° , 37% , 45%
HSV	196° , 54% , 62%
CMYK	54%, 14%, 0%, 38%

Lighter Shades

#5E95A9 #74A4B5 #8AB2C0 #A0C1CC #B6CFD8 #CCDDE4

Darker Shades

#3F778A #376777 #2E5664 #254652 #1D363F #14262C

Complementary Palette

#3E7487 #48879D #87523E #9D5F48 #AB7562 #6298AB

Analogous Palette

#577A72 #5F867D #447F94 #48879D #5F6886 #6A7390

Triadic Palette

#3F778A #48879D #A93D8C #B3549A #8CA93D #7B9536

Split Complementary Palette

#417A8D #48879D #9D485C #A75A6C #9D8948 #8D7B41

Square Palette

#3C7184 #48879D #835492 #926454 #5C9D48 #76AD65

Tetradic Palette

#3B6F81 #48879D #5534B2 #9D5F48 #90B234 #A4C059

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #48879D contains 72 red, 135 green, and 157 blue.

Contrast Ratio: 3.97:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.29:1