#5C9AE5 Color

Color Information

HEX#5C9AE5
RGB92, 154, 229
HSL213° , 72% , 63%
HSV213° , 60% , 90%
CMYK60%, 33%, 0%, 10%

Lighter Shades

#70A6E8 #83B2EB #97BEEE #AACAF1 #BED7F5 #D1E3F8

Darker Shades

#5188CA #4675AE #3B6393 #305077 #253E5C #1A2B40

Complementary Palette

#4F84C5 #5C9AE5 #C59050 #E5A75D #E9B374 #73A8E9

Analogous Palette

#6AB9BE #70CDD2 #5691D7 #5C9AE5 #7470D2 #807BD5

Triadic Palette

#5188CA #5C9AE5 #EE5399 #F068A5 #99EE53 #87D149

Split Complementary Palette

#538BCE #5C9AE5 #E5645D #E8746D #DEE55D #C8CE54

Square Palette

#4D81C0 #5C9AE5 #DB66D5 #DBA666 #5DE564 #77E97D

Tetradic Palette

#4B7EBC #5C9AE5 #A94CF6 #E5A75D #98F64C #ABF86C

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5C9AE5 contains 92 red, 154 green, and 229 blue.

Contrast Ratio: 2.87:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.31:1