#5457A2 Color

Color Information

HEX	#5457A2
RGB	84, 87, 162
HSL	238° , 32% , 48%
HSV	238° , 48% , 64%
CMYK	48%, 46%, 0%, 36%

Lighter Shades

#696BAD #7D7FB8 #9293C3 #A6A8CF #BBBCDA #CFD0E5

Darker Shades

#4A4D8F #40427B #363868 #2C2D54 #222341 #18182D

Complementary Palette

#484B8B #5457A2 #8B8947 #A29F53 #AFAC6B #6C6FAF

Analogous Palette

#5F7181 #687C8D #4F5298 #5457A2 #79688D #837297

Triadic Palette

#4A4D8F #5457A2 #AE474A #B85D60 #4AAE47 #41993E

Split Complementary Palette

#4C4E92 #5457A2 #A27853 #AB8664 #7DA253 #71924B

Square Palette

#474988 #5457A2 #955F7C #95945F #53A278 #6FB18E

Tetradic Palette

#454785 #5457A2 #B43DB8 #A29F53 #41B83D #63C560

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5457A2 contains 84 red, 87 green, and 162 blue.

Contrast Ratio: 6.47:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.24:1