#536DDE Color

Color Information

HEX#536DDE
RGB83, 109, 222
HSL229° , 68% , 60%
HSV229° , 63% , 87%
CMYK63%, 51%, 0%, 13%

Lighter Shades

#687FE2 #7C90E6 #91A2EA #A6B3EE #BAC5F2 #CFD6F6

Darker Shades

#4960C3 #3F53A9 #35468E #2B3973 #212C59 #171F3E

Complementary Palette

#475EBF #536DDE #BFA948 #DEC554 #E3CD6C #6B81E3

Analogous Palette

#649BB4 #68ABCA #4E66D1 #536DDE #8768CA #9073CE

Triadic Palette

#4960C3 #536DDE #E94967 #EC5F79 #67E949 #5BCD40

Split Complementary Palette

#4B62C8 #536DDE #DE8054 #E18D65 #B2DE54 #A0C84C

Square Palette

#465CBA #536DDE #D45EAF #D4BE5E #54DE80 #6FE394

Tetradic Palette

#4459B6 #536DDE #D141F1 #DEC554 #61F141 #7DF463

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #536DDE contains 83 red, 109 green, and 222 blue.

Contrast Ratio: 4.54:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.63:1