#553CBB Color

Color Information

HEX#553CBB
RGB85, 60, 187
HSL252° , 51% , 48%
HSV252° , 68% , 73%
CMYK55%, 68%, 0%, 27%

Lighter Shades

#6953C3 #7E6BCB #9282D3 #A79ADC #BBB1E4 #CFC8EC

Darker Shades

#4B35A5 #412E8E #362678 #2C1F61 #22184B #181134

Complementary Palette

#4934A1 #553CBB #8A9F34 #A0B93C #ADC357 #6D57C5

Analogous Palette

#4D6293 #546BA0 #5038B0 #553CBB #8A54A0 #9264A6

Triadic Palette

#4B35A5 #553CBB #C54E30 #CC6349 #30C54E #2AAD45

Split Complementary Palette

#4D36A8 #553CBB #B9933C #C09E50 #61B93C #57A736

Square Palette

#47329D #553CBB #AD4866 #99AD48 #3CB993 #5BC4A4

Tetradic Palette

#463199 #553CBB #CF26AD #A0B93C #26CF48 #4DD869

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #553CBB contains 85 red, 60 green, and 187 blue.

Contrast Ratio: 7.77:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.7:1