#536C7E Color

Color Information

HEX#536C7E
RGB83, 108, 126
HSL205° , 21% , 41%
HSV205° , 34% , 49%
CMYK34%, 14%, 0%, 51%

Lighter Shades

#687E8D #7C8F9D #91A1AC #A6B3BC #BAC4CB #CFD6DB

Darker Shades

#495F6F #3F5260 #354551 #2B3842 #212B32 #171E23

Complementary Palette

#475D6C #536C7E #6D5747 #7F6553 #917B6B #6B8190

Analogous Palette

#526F6D #597876 #4E6676 #536C7E #595B78 #646687

Triadic Palette

#495F6F #536C7E #89486D #975E7F #6D8948 #60793F

Split Complementary Palette

#4B6171 #536C7E #7F5356 #8C6467 #7F7B53 #726F4B

Square Palette

#465B6A #536C7E #765978 #786659 #567F53 #71936F

Tetradic Palette

#445967 #536C7E #624091 #7F6553 #6E9140 #88A562

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #536C7E contains 83 red, 108 green, and 126 blue.

Contrast Ratio: 5.49:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.83:1