#5764CC Color

Color Information

HEX#5764CC
RGB87, 100, 204
HSL233° , 53% , 57%
HSV233° , 57% , 80%
CMYK57%, 51%, 0%, 20%

Lighter Shades

#6B77D2 #7F89D8 #939CDE #A8AEE4 #BCC1EB #D0D4F1

Darker Shades

#4D58B4 #424C9B #384083 #2D346A #232852 #181C39

Complementary Palette

#4B56AF #5764CC #AFA34B #CBBE57 #D2C76F #6F7AD3

Analogous Palette

#678BA2 #6D9AB6 #525EC0 #5764CC #896DB6 #9277BB

Triadic Palette

#4D58B4 #5764CC #D64C5C #DB6170 #5CD64C #51BC43

Split Complementary Palette

#4E5AB8 #5764CC #CB8457 #D09068 #9FCB57 #8FB74E

Square Palette

#4954AB #5764CC #C0629C #C0B562 #57CB84 #72D398

Tetradic Palette

#4752A7 #5764CC #CD43DF #CBBE57 #56DF43 #74E565

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5764CC contains 87 red, 100 green, and 204 blue.

Contrast Ratio: 5.11:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.11:1