#5F9AED Color

Color Information

HEX	#5F9AED
RGB	95, 154, 237
HSL	215° , 80% , 65%
HSV	215° , 60% , 93%
CMYK	60%, 35%, 0%, 7%

Lighter Shades

#72A6EF #85B2F1 #99BEF3 #ACCAF6 #BFD7F8 #D2E3FA

Darker Shades

#5488D1 #4875B4 #3D6398 #31507B #263E5F #1B2B42

Complementary Palette

#5284CC #5F9AED #CC9951 #EDB25E #F0BD75 #75A8F0

Analogous Palette

#6CBEC6 #70D2DB #5991DF #5F9AED #7970DB #857DDE

Triadic Palette

#5488D1 #5F9AED #F65598 #F769A4 #98F655 #86D84B

Split Complementary Palette

#568BD5 #5F9AED #ED6A5E #EF796E #E1ED5E #CBD555

Square Palette

#5081C7 #5F9AED #E467DA #E4B067 #5EED6A #78F082

Tetradic Palette

#4E7EC2 #5F9AED #B44EFD #EDB25E #97FD4E #AAFD6E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5F9AED contains 95 red, 154 green, and 237 blue.

Contrast Ratio: 2.83:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.43:1