#554CAA Color

Color Information

HEX#554CAA
RGB85, 76, 170
HSL246° , 38% , 48%
HSV246° , 55% , 67%
CMYK50%, 55%, 0%, 33%

Lighter Shades

#6961B4 #7E77BE #928CC9 #A7A2D3 #BBB7DD #CFCDE7

Darker Shades

#4B4396 #413A81 #36316D #2C2858 #221E44 #181530

Complementary Palette

#494192 #554CAA #8A9141 #A0A94C #ADB565 #6D65B6

Analogous Palette

#5C6C84 #647690 #5047A0 #554CAA #7F6490 #887297

Triadic Palette

#4B4396 #554CAA #B54B40 #BE6157 #40B54B #389F42

Split Complementary Palette

#4D4499 #554CAA #A9844C #B2905E #71A94C #669844

Square Palette

#47408F #554CAA #9D5874 #969D58 #4CA984 #69B798

Tetradic Palette

#463E8B #554CAA #BF36B1 #A0A94C #36BF44 #5ACB66

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #554CAA contains 85 red, 76 green, and 170 blue.

Contrast Ratio: 7.07:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.97:1