#5A99ED Color

Color Information

HEX#5A99ED
RGB90, 153, 237
HSL214° , 80% , 64%
HSV214° , 62% , 93%
CMYK62%, 35%, 0%, 7%

Lighter Shades

#6EA5EF #82B1F1 #95BEF3 #A9CAF6 #BDD6F8 #D1E2FA

Darker Shades

#4F87D1 #4474B4 #3A6298 #2F507B #243D5F #192B42

Complementary Palette

#4D84CC #5A99ED #CC954D #EDAD5A #F0B871 #71A7F0

Analogous Palette

#67BFC5 #6CD3DA #5590DF #5A99ED #736CDA #7F78DD

Triadic Palette

#4F87D1 #5A99ED #F65198 #F766A4 #98F651 #86D847

Split Complementary Palette

#518AD5 #5A99ED #ED645A #EF746B #E3ED5A #CCD551

Square Palette

#4C81C7 #5A99ED #E363DB #E3AC63 #5AED64 #74F07D

Tetradic Palette

#4A7DC2 #5A99ED #AF49FD #EDAD5A #97FD49 #AAFD6A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5A99ED contains 90 red, 153 green, and 237 blue.

Contrast Ratio: 2.87:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.31:1