#5766EE Color

Color Information

HEX	#5766EE
RGB	87, 102, 238
HSL	234° , 82% , 64%
HSV	234° , 63% , 93%
CMYK	63%, 57%, 0%, 7%

Lighter Shades

#6B78F0 #7F8BF2 #939DF4 #A8AFF6 #BCC2F8 #D0D4FA

Darker Shades

#4D5AD1 #424EB5 #384198 #2D357C #23295F #181D43

Complementary Palette

#4B58CD #5766EE #CDC04C #EEDF58 #F0E36F #6F7BF0

Analogous Palette

#66A0C7 #6AAFDC #5260E0 #5766EE #986ADC #A178DE

Triadic Palette

#4D5AD1 #5766EE #F84F60 #F96473 #60F84F #54DA46

Split Complementary Palette

#4E5CD6 #5766EE #EE9458 #F09F69 #B2EE58 #A0D64F

Square Palette

#4956C8 #5766EE #E561B0 #E5D861 #58EE94 #73F1A5

Tetradic Palette

#4754C3 #5766EE #ED47FF #EEDF58 #5AFF47 #78FF68

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5766EE contains 87 red, 102 green, and 238 blue.

Contrast Ratio: 4.62:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.55:1