#5A7AD0 Color

Color Information

HEX#5A7AD0
RGB90, 122, 208
HSL224° , 56% , 58%
HSV224° , 57% , 82%
CMYK57%, 41%, 0%, 18%

Lighter Shades

#6E8AD6 #829ADB #95AAE1 #A9BAE7 #BDCAEC #D1DAF2

Darker Shades

#4F6BB7 #445D9E #3A4E85 #2F3F6C #243153 #19223A

Complementary Palette

#4D69B3 #5A7AD0 #B3974C #D0B058 #D7BB6F #718DD7

Analogous Palette

#6898A6 #6DA8BA #5573C4 #5A7AD0 #7F6DBA #8878BF

Triadic Palette

#4F6BB7 #5A7AD0 #DB4D73 #DF6284 #73DB4D #65C144

Split Complementary Palette

#516EBB #5A7AD0 #D07458 #D58269 #B4D058 #A2BB4F

Square Palette

#4C66AF #5A7AD0 #C563AE #C5AB63 #58D074 #73D88A

Tetradic Palette

#4A64AB #5A7AD0 #B945E3 #D0B058 #6FE345 #89E866

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5A7AD0 contains 90 red, 122 green, and 208 blue.

Contrast Ratio: 4.06:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.18:1