#5C96C3 Color

Color Information

HEX#5C96C3
RGB92, 150, 195
HSL206° , 46% , 56%
HSV206° , 53% , 76%
CMYK53%, 23%, 0%, 24%

Lighter Shades

#70A3CA #83AFD1 #97BCD9 #AAC8E0 #BED5E7 #D1E2EE

Darker Shades

#5184AC #467294 #3B607D #304E65 #253C4E #1A2A37

Complementary Palette

#4F81A8 #5C96C3 #A7754E #C2885B #CB9972 #73A5CB

Analogous Palette

#6C9996 #72ACA9 #568DB7 #5C96C3 #7276AC #7B7FB2

Triadic Palette

#5184AC #5C96C3 #CE5097 #D465A3 #97CE50 #85B546

Split Complementary Palette

#5387B0 #5C96C3 #C25B62 #C86B72 #C2BC5B #AFA952

Square Palette

#4D7EA4 #5C96C3 #B366B7 #B78966 #62C25B #7BCC75

Tetradic Palette

#4B7BA0 #5C96C3 #8547D7 #C2885B #98D747 #ABDE68

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5C96C3 contains 92 red, 150 green, and 195 blue.

Contrast Ratio: 3.13:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.7:1