#536680 Color

Color Information

HEX#536680
RGB83, 102, 128
HSL215° , 21% , 41%
HSV215° , 35% , 50%
CMYK35%, 20%, 0%, 50%

Lighter Shades

#68788F #7C8B9E #919DAE #A6AFBD #BAC2CC #CFD4DB

Darker Shades

#495A71 #3F4E61 #354152 #2B3543 #212933 #171D24

Complementary Palette

#47586E #536680 #6D5D47 #7F6C53 #91816B #6B7B92

Analogous Palette

#526D6F #597678 #4E6078 #536680 #5B5978 #676487

Triadic Palette

#495A71 #536680 #894863 #975E76 #638948 #57793F

Split Complementary Palette

#4B5C73 #536680 #7F5653 #8C6764 #7B7F53 #6F724B

Square Palette

#46566C #536680 #785976 #786B59 #537F56 #6F9371

Tetradic Palette

#445469 #536680 #6E4091 #7F6C53 #629140 #7EA562

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #536680 contains 83 red, 102 green, and 128 blue.

Contrast Ratio: 5.86:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.58:1