#5A8DC7 Color

Color Information

HEX#5A8DC7
RGB90, 141, 199
HSL212° , 49% , 57%
HSV212° , 55% , 78%
CMYK55%, 29%, 0%, 22%

Lighter Shades

#6E9BCE #82A8D4 #95B6DB #A9C4E2 #BDD1E9 #D1DFEF

Darker Shades

#4F7CAF #446B97 #3A5A7F #2F4967 #243850 #192738

Complementary Palette

#4D79AB #5A8DC7 #AB804F #C7955C #CFA473 #719DCF

Analogous Palette

#6F9E9F #72AFB1 #5585BB #5A8DC7 #7472B1 #7D7BB7

Triadic Palette

#4F7CAF #5A8DC7 #D2518D #D7669B #8DD251 #7CB947

Split Complementary Palette

#517FB3 #5A8DC7 #C75F5C #CD6F6C #C3C75C #B0B353

Square Palette

#4C76A7 #5A8DC7 #BC67B9 #BC9467 #5CC75F #76D079

Tetradic Palette

#4A74A3 #5A8DC7 #9648DB #C7955C #8CDB48 #A1E169

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5A8DC7 contains 90 red, 141 green, and 199 blue.

Contrast Ratio: 3.41:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.15:1