#536DAB Color

Color Information

HEX#536DAB
RGB83, 109, 171
HSL222° , 35% , 50%
HSV222° , 51% , 67%
CMYK51%, 36%, 0%, 33%

Lighter Shades

#687FB5 #7C90BF #91A2C9 #A6B3D3 #BAC5DD #CFD6E7

Darker Shades

#496096 #3F5382 #35466D #2B3959 #212C44 #171F30

Complementary Palette

#475E93 #536DAB #947D47 #AC9153 #B8A06B #6B81B7

Analogous Palette

#648087 #6C8B93 #4E66A1 #536DAB #746C93 #7F789B

Triadic Palette

#496096 #536DAB #B94669 #C15C7B #69B946 #5CA33E

Split Complementary Palette

#4B629A #536DAB #AC6553 #B47464 #9AAC53 #8B9B4B

Square Palette

#465C90 #536DAB #9F6093 #9F8C60 #53AC65 #6FB97E

Tetradic Palette

#44598C #536DAB #9B3CC3 #AC9153 #64C33C #80CE5F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #536DAB contains 83 red, 109 green, and 171 blue.

Contrast Ratio: 5.04:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.16:1