#553D63 Color

Color Information

HEX#553D63
RGB85, 61, 99
HSL278° , 24% , 31%
HSV278° , 38% , 39%
CMYK14%, 38%, 0%, 61%

Lighter Shades

#695476 #7E6C88 #92839B #A79AAE #BBB1C1 #CFC9D3

Darker Shades

#4B3657 #412E4B #36273F #2C2033 #221828 #18111C

Complementary Palette

#493455 #553D63 #405434 #4A623C #637857 #6D5879

Analogous Palette

#403D52 #46435B #50395D #553D63 #5B4358 #6D5068

Triadic Palette

#4B3657 #553D63 #6A5634 #7C6A4C #346A56 #2E5D4C

Split Complementary Palette

#4D3759 #553D63 #5D623C #6D7250 #3C6241 #36583B

Square Palette

#473353 #553D63 #5B4643 #4C5B43 #3C5D62 #5B777B

Tetradic Palette

#463251 #553D63 #702E46 #4A623C #2E7058 #548A76

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #553D63 contains 85 red, 61 green, and 99 blue.

Contrast Ratio: 9.66:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.17:1