#5BADD6 Color

Color Information

HEX	#5BADD6
RGB	91, 173, 214
HSL	200° , 60% , 60%
HSV	200° , 57% , 84%
CMYK	57%, 19%, 0%, 16%

Lighter Shades

#6FB7DB #82C1E0 #96CBE5 #AAD4EA #BDDEEF #D1E8F4

Darker Shades

#5098BC #4583A3 #3A6F89 #2F5A6F #244556 #19303C

Complementary Palette

#4E95B8 #5BADD6 #B8724F #D6855C #DC9673 #72B8DC

Analogous Palette

#6BAEA2 #70C2B4 #56A3C9 #5BADD6 #707EC2 #7B87C6

Triadic Palette

#5098BC #5BADD6 #E052B1 #E467BA #B1E052 #9CC548

Split Complementary Palette

#529CC1 #5BADD6 #D65C70 #DA6C7E #D6C25C #C1AF53

Square Palette

#4C91B4 #5BADD6 #BB66CC #CC8866 #70D65C #87DD76

Tetradic Palette

#4B8EAF #5BADD6 #7E49E9 #D6855C #B4E949 #C2ED6A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5BADD6 contains 91 red, 173 green, and 214 blue.

Contrast Ratio: 2.47:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.51:1