#48567A Color

Color Information

HEX	#48567A
RGB	72, 86, 122
HSL	223° , 26% , 38%
HSV	223° , 41% , 48%
CMYK	41%, 30%, 0%, 52%

Lighter Shades

#5E6A8A #747F9A #8A93AA #A0A7BA #B6BBCA #CCD0DA

Darker Shades

#3F4C6B #37415D #2E374E #252D3F #1D2231 #141822

Complementary Palette

#3E4A69 #48567A #695D3E #7A6C48 #8D8162 #626E8D

Analogous Palette

#4C6167 #52696F #445173 #48567A #59526F #645D7E

Triadic Palette

#3F4C6B #48567A #843E52 #935567 #52843E #487437

Split Complementary Palette

#414D6E #48567A #7A5348 #87645A #6F7A48 #646E41

Square Palette

#3C4866 #48567A #70516A #706851 #487A53 #658F6F

Tetradic Palette

#3B4764 #48567A #73368C #7A6C48 #4E8C36 #6EA15A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #48567A contains 72 red, 86 green, and 122 blue.

Contrast Ratio: 7.35:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.86:1