#5368D6 Color

Color Information

HEX#5368D6
RGB83, 104, 214
HSL230° , 62% , 58%
HSV230° , 61% , 84%
CMYK61%, 51%, 0%, 16%

Lighter Shades

#687ADB #7C8CE0 #919EE5 #A6B0EA #BAC3EF #CFD5F4

Darker Shades

#495CBC #3F4FA3 #354389 #2B366F #212A56 #171D3C

Complementary Palette

#4759B8 #5368D6 #B8A546 #D6C051 #DCC969 #6B7DDC

Analogous Palette

#6294AC #67A3C1 #4E62C9 #5368D6 #8567C1 #8E72C5

Triadic Palette

#495CBC #5368D6 #E14760 #E55D73 #60E147 #54C63E

Split Complementary Palette

#4B5EC1 #5368D6 #D67E51 #DA8B62 #AAD651 #99C149

Square Palette

#4657B4 #5368D6 #CC5CA6 #CCB95C #51D67E #6DDD93

Tetradic Palette

#4455AF #5368D6 #CD3EEA #D6C051 #5BEA3E #79EE61

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5368D6 contains 83 red, 104 green, and 214 blue.

Contrast Ratio: 4.85:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.33:1