#5369E2 Color

Color Information

HEX#5369E2
RGB83, 105, 226
HSL231° , 71% , 61%
HSV231° , 63% , 89%
CMYK63%, 54%, 0%, 11%

Lighter Shades

#687BE5 #7C8DE9 #919FEC #A6B1F0 #BAC3F3 #CFD5F7

Darker Shades

#495CC7 #3F50AC #354391 #2B3776 #212A5A #171D3F

Complementary Palette

#475AC2 #5369E2 #C2B049 #E2CD55 #E6D46D #6B7EE6

Analogous Palette

#649CB9 #69ABCE #4E63D4 #5369E2 #8C69CE #9575D1

Triadic Palette

#495CC7 #5369E2 #EC4B63 #EE6176 #63EC4B #57D042

Split Complementary Palette

#4B5FCB #5369E2 #E28655 #E59266 #B1E255 #9FCB4D

Square Palette

#4658BE #5369E2 #D85FAE #D8C65F #55E286 #70E799

Tetradic Palette

#4456B9 #5369E2 #DA43F4 #E2CD55 #5EF443 #7BF665

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5369E2 contains 83 red, 105 green, and 226 blue.

Contrast Ratio: 4.67:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.5:1