#483E63 Color

Color Information

HEX	#483E63
RGB	72, 62, 99
HSL	256° , 23% , 32%
HSV	256° , 37% , 39%
CMYK	27%, 37%, 0%, 61%

Lighter Shades

#5E5576 #746C88 #8A839B #A09BAE #B6B2C1 #CCC9D3

Darker Shades

#3F3757 #372F4B #2E283F #252033 #1D1928 #14111C

Complementary Palette

#3E3555 #483E63 #4D5636 #5A643F #717A5A #625979

Analogous Palette

#3F4455 #454B5E #443A5D #483E63 #59455E #67506D

Triadic Palette

#3F3757 #483E63 #6D4537 #7F5B4F #376D45 #30603D

Split Complementary Palette

#413859 #483E63 #645C3F #746C52 #48643F #415A39

Square Palette

#3C3453 #483E63 #5E454B #575E45 #3F645C #5E7D76

Tetradic Palette

#3B3351 #483E63 #733061 #5A643F #307342 #558C64

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #483E63 contains 72 red, 62 green, and 99 blue.

Contrast Ratio: 10.09:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.08:1