#5B99E4 Color

Color Information

HEX#5B99E4
RGB91, 153, 228
HSL213° , 72% , 63%
HSV213° , 60% , 89%
CMYK60%, 33%, 0%, 11%

Lighter Shades

#6FA5E7 #82B1EA #96BEEE #AACAF1 #BDD6F4 #D1E2F7

Darker Shades

#5087C9 #4574AD #3A6292 #2F5077 #243D5B #192B40

Complementary Palette

#4E84C4 #5B99E4 #C59050 #E5A75D #E9B374 #72A7E8

Analogous Palette

#6AB9BE #70CDD2 #5690D6 #5B99E4 #7470D2 #807BD5

Triadic Palette

#5087C9 #5B99E4 #EE5399 #F068A5 #99EE53 #87D149

Split Complementary Palette

#528ACD #5B99E4 #E5645D #E8746D #DEE55D #C8CE54

Square Palette

#4C81C0 #5B99E4 #DB66D5 #DBA666 #5DE564 #77E97D

Tetradic Palette

#4B7DBB #5B99E4 #A94CF6 #E5A75D #98F64C #ABF86C

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5B99E4 contains 91 red, 153 green, and 228 blue.

Contrast Ratio: 2.91:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.22:1