#557ADE Color

Color Information

HEX#557ADE
RGB85, 122, 222
HSL224° , 67% , 60%
HSV224° , 62% , 87%
CMYK62%, 45%, 0%, 13%

Lighter Shades

#698AE2 #7E9AE6 #92AAEA #A7BAEE #BBCAF2 #CFDAF6

Darker Shades

#4B6BC3 #415DA9 #364E8E #2C3F73 #223159 #18223E

Complementary Palette

#4969BF #557ADE #BE9F49 #DDB955 #E2C36D #6D8DE3

Analogous Palette

#64A2B4 #69B3C9 #5073D1 #557ADE #7F69C9 #8974CD

Triadic Palette

#4B6BC3 #557ADE #E84A74 #EB6085 #74E84A #66CC41

Split Complementary Palette

#4D6EC8 #557ADE #DD7555 #E08366 #BDDD55 #AAC74D

Square Palette

#4766BA #557ADE #D35FB8 #D3B45F #55DD75 #70E28B

Tetradic Palette

#4664B6 #557ADE #C142F0 #DDB955 #71F042 #8BF364

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #557ADE contains 85 red, 122 green, and 222 blue.

Contrast Ratio: 3.99:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.27:1