#485577 Color

Color Information

HEX	#485577
RGB	72, 85, 119
HSL	223° , 25% , 37%
HSV	223° , 39% , 47%
CMYK	39%, 29%, 0%, 53%

Lighter Shades

#5E6987 #747E98 #8A92A8 #A0A7B8 #B6BBC9 #CCCFD9

Darker Shades

#3F4B69 #37415A #2E364C #252C3E #1D2230 #141821

Complementary Palette

#3E4966 #485577 #655A3D #766947 #897E61 #626D8A

Analogous Palette

#4A5E64 #50666D #445070 #485577 #56506D #625B7B

Triadic Palette

#3F4B69 #485577 #7F3D50 #8E5465 #507F3D #467036

Split Complementary Palette

#414D6B #485577 #765147 #846259 #6C7647 #616A40

Square Palette

#3C4764 #485577 #6D5066 #6D6450 #477651 #648C6D

Tetradic Palette

#3B4662 #485577 #703687 #766947 #4D8736 #6D9D5A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #485577 contains 72 red, 85 green, and 119 blue.

Contrast Ratio: 7.48:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.81:1