#5A7BD8 Color

Color Information

HEX#5A7BD8
RGB90, 123, 216
HSL224° , 62% , 60%
HSV224° , 58% , 85%
CMYK58%, 43%, 0%, 15%

Lighter Shades

#6E8BDD #829BE1 #95ABE6 #A9BAEB #BDCAEF #D1DAF4

Darker Shades

#4F6CBE #445DA4 #3A4F8A #2F4070 #243156 #19223C

Complementary Palette

#4D6ABA #5A7BD8 #BA9D4D #D8B75A #DDC171 #718DDD

Analogous Palette

#699FB0 #6EB0C4 #5574CB #5A7BD8 #826EC4 #8C79C8

Triadic Palette

#4F6CBE #5A7BD8 #E25077 #E56587 #77E250 #69C746

Split Complementary Palette

#516FC2 #5A7BD8 #D8775A #DC856B #BBD85A #A8C251

Square Palette

#4C67B5 #5A7BD8 #CE64B5 #CEB264 #5AD877 #74DE8D

Tetradic Palette

#4A65B1 #5A7BD8 #BF47EB #D8B75A #73EB47 #8CEF68

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5A7BD8 contains 90 red, 123 green, and 216 blue.

Contrast Ratio: 3.96:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.31:1