#5457B5 Color

Color Information

HEX	#5457B5
RGB	84, 87, 181
HSL	238° , 40% , 52%
HSV	238° , 54% , 71%
CMYK	54%, 52%, 0%, 29%

Lighter Shades

#696BBE #7D7FC7 #9293D0 #A6A8D9 #BBBCE1 #CFD0EA

Darker Shades

#4A4D9F #40428A #363874 #2C2D5E #222348 #181833

Complementary Palette

#484B9C #5457B5 #9D9948 #B6B254 #C0BD6C #6C6FBF

Analogous Palette

#667C8F #6C869D #4F52AA #5457B5 #836C9D #8D78A5

Triadic Palette

#4A4D9F #5457B5 #C2474B #C95D61 #4BC247 #42AB3E

Split Complementary Palette

#4C4EA3 #5457B5 #B68154 #BD8E65 #88B654 #7AA44C

Square Palette

#474998 #5457B5 #A96087 #A9A760 #54B681 #6FC295

Tetradic Palette

#454794 #5457B5 #C73ECC #B6B254 #42CC3E #64D561

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5457B5 contains 84 red, 87 green, and 181 blue.

Contrast Ratio: 6.19:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.39:1