#536CA2 Color

Color Information

HEX#536CA2
RGB83, 108, 162
HSL221° , 32% , 48%
HSV221° , 49% , 64%
CMYK49%, 33%, 0%, 36%

Lighter Shades

#687EAD #7C8FB8 #91A1C3 #A6B3CF #BAC4DA #CFD6E5

Darker Shades

#495F8F #3F527B #354568 #2B3854 #212B41 #171E2D

Complementary Palette

#475D8B #536CA2 #8B7647 #A28953 #AF9A6B #6B81AF

Analogous Palette

#5F7A81 #68868D #4E6698 #536CA2 #6F688D #7A7297

Triadic Palette

#495F8F #536CA2 #AE4768 #B85D7A #68AE47 #5C993E

Split Complementary Palette

#4B6192 #536CA2 #A26253 #AB7264 #93A253 #84924B

Square Palette

#465B88 #536CA2 #955F8B #95845F #53A262 #6FB17B

Tetradic Palette

#445985 #536CA2 #913DB8 #A28953 #64B83D #80C560

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #536CA2 contains 83 red, 108 green, and 162 blue.

Contrast Ratio: 5.18:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.05:1