#536BD2 Color

Color Information

HEX#536BD2
RGB83, 107, 210
HSL229° , 59% , 57%
HSV229° , 60% , 82%
CMYK60%, 49%, 0%, 18%

Lighter Shades

#687DD7 #7C8FDD #91A0E2 #A6B2E8 #BAC4ED #CFD6F2

Darker Shades

#495EB9 #3F51A0 #354486 #2B386D #212B54 #171E3B

Complementary Palette

#475CB5 #536BD2 #B5A046 #D2BA51 #D8C469 #6B80D8

Analogous Palette

#6494AA #67A1BC #4E65C5 #536BD2 #8267BC #8D75C2

Triadic Palette

#495EB9 #536BD2 #DD4661 #E15C74 #61DD46 #55C23E

Split Complementary Palette

#4B60BD #536BD2 #D27A51 #D78762 #A9D251 #98BD49

Square Palette

#465AB0 #536BD2 #C75CA5 #C7B35C #51D27A #6DD98F

Tetradic Palette

#4458AC #536BD2 #C73DE6 #D2BA51 #5CE63D #79EB60

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #536BD2 contains 83 red, 107 green, and 210 blue.

Contrast Ratio: 4.75:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.42:1