#5A6CF0 Color

Color Information

HEX	#5A6CF0
RGB	90, 108, 240
HSL	233° , 83% , 65%
HSV	233° , 63% , 94%
CMYK	63%, 55%, 0%, 6%

Lighter Shades

#6E7EF2 #828FF4 #95A1F5 #A9B3F7 #BDC4F9 #D1D6FB

Darker Shades

#4F5FD3 #4452B6 #3A459A #2F387D #242B60 #191E43

Complementary Palette

#4D5DCE #5A6CF0 #CEC04F #F0DF5C #F2E373 #7181F2

Analogous Palette

#69A4C9 #6EB3DE #5566E2 #5A6CF0 #996EDE #A17AE1

Triadic Palette

#4F5FD3 #5A6CF0 #F95366 #FA6878 #66F953 #5ADB49

Split Complementary Palette

#5161D8 #5A6CF0 #F0945C #F29F6C #B7F05C #A5D853

Square Palette

#4C5BCA #5A6CF0 #E765B5 #E7D865 #5CF094 #76F2A5

Tetradic Palette

#4A59C5 #5A6CF0 #EA4DFF #F0DF5C #61FF4D #7DFF6D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5A6CF0 contains 90 red, 108 green, and 240 blue.

Contrast Ratio: 4.33:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.85:1