#5A7AD3 Color

Color Information

HEX	#5A7AD3
RGB	90, 122, 211
HSL	224° , 58% , 59%
HSV	224° , 57% , 83%
CMYK	57%, 42%, 0%, 17%

Lighter Shades

#6E8AD8 #829ADE #95AAE3 #A9BAE8 #BDCAED #D1DAF3

Darker Shades

#4F6BBA #445DA0 #3A4E87 #2F3F6E #243154 #19223B

Complementary Palette

#4D69B5 #5A7AD3 #B59A4D #D3B35A #D9BE71 #718DD9

Analogous Palette

#699BAB #6FACBE #5573C6 #5A7AD3 #816FBE #8A79C3

Triadic Palette

#4F6BBA #5A7AD3 #DE4F75 #E26486 #75DE4F #67C346

Split Complementary Palette

#516EBE #5A7AD3 #D3765A #D7846B #B7D35A #A5BE51

Square Palette

#4C66B1 #5A7AD3 #C964B1 #C9AE64 #5AD376 #74DA8C

Tetradic Palette

#4A64AD #5A7AD3 #BC47E6 #D3B35A #71E647 #8BEB68

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5A7AD3 contains 90 red, 122 green, and 211 blue.

Contrast Ratio: 4.03:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.21:1