#536FDB Color

Color Information

HEX#536FDB
RGB83, 111, 219
HSL228° , 65% , 59%
HSV228° , 62% , 86%
CMYK62%, 49%, 0%, 14%

Lighter Shades

#6880DF #7C92E4 #91A3E8 #A6B4EC #BAC5F1 #CFD7F5

Darker Shades

#4962C1 #3F54A6 #35478C #2B3A72 #212C58 #171F3D

Complementary Palette

#475FBC #536FDB #BBA447 #DABF52 #DFC86A #6B83E0

Analogous Palette

#629AB2 #67A9C5 #4E68CE #536FDB #8467C5 #8D72CA

Triadic Palette

#4962C1 #536FDB #E54867 #E85E79 #67E548 #5BCA3F

Split Complementary Palette

#4B64C5 #536FDB #DA7B52 #DE8863 #B2DA52 #A0C44A

Square Palette

#465DB8 #536FDB #D05DAD #D0B95D #52DA7B #6EE090

Tetradic Palette

#445BB4 #536FDB #CB40ED #DABF52 #62ED40 #7EF062

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #536FDB contains 83 red, 111 green, and 219 blue.

Contrast Ratio: 4.48:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.69:1