#5B7ED0 Color

Color Information

HEX#5B7ED0
RGB91, 126, 208
HSL222° , 55% , 59%
HSV222° , 56% , 82%
CMYK56%, 39%, 0%, 18%

Lighter Shades

#6F8DD6 #829DDB #96ACE1 #AABCE7 #BDCBEC #D1DBF2

Darker Shades

#506FB7 #45609E #3A5185 #2F426C #243253 #19233A

Complementary Palette

#4E6CB3 #5B7ED0 #B39550 #D0AD5D #D7B874 #7290D7

Analogous Palette

#6C9BA7 #72ACBB #5676C4 #5B7ED0 #8072BB #8A7CC0

Triadic Palette

#506FB7 #5B7ED0 #DA527B #DE678B #7BDA52 #6CC048

Split Complementary Palette

#5271BB #5B7ED0 #D0745D #D5826D #B9D05D #A7BB54

Square Palette

#4C6AAF #5B7ED0 #C567B3 #C5A967 #5DD074 #77D88A

Tetradic Palette

#4B67AB #5B7ED0 #B54AE3 #D0AD5D #78E34A #90E86B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5B7ED0 contains 91 red, 126 green, and 208 blue.

Contrast Ratio: 3.89:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.4:1