#5C98E2 Color

Color Information

HEX	#5C98E2
RGB	92, 152, 226
HSL	213° , 70% , 62%
HSV	213° , 59% , 89%
CMYK	59%, 33%, 0%, 11%

Lighter Shades

#70A4E5 #83B1E9 #97BDEC #AAC9F0 #BED6F3 #D1E2F7

Darker Shades

#5186C7 #4674AC #3B6191 #304F76 #253D5A #1A2B3F

Complementary Palette

#4F83C2 #5C98E2 #C28E4D #E2A55A #E6B271 #73A6E6

Analogous Palette

#69B6BA #6ECACF #568FD4 #5C98E2 #726ECF #7E79D2

Triadic Palette

#5186C7 #5C98E2 #EC5196 #EE66A3 #96EC51 #84D047

Split Complementary Palette

#5389CB #5C98E2 #E2615A #E5716B #DBE25A #C5CB51

Square Palette

#4D80BE #5C98E2 #D864D2 #D8A464 #5AE261 #74E77A

Tetradic Palette

#4B7DB9 #5C98E2 #A749F3 #E2A55A #96F349 #A9F56A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5C98E2 contains 92 red, 152 green, and 226 blue.

Contrast Ratio: 2.94:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.14:1