#536DA5 Color

Color Information

HEX#536DA5
RGB83, 109, 165
HSL221° , 33% , 49%
HSV221° , 50% , 65%
CMYK50%, 34%, 0%, 35%

Lighter Shades

#687FB0 #7C90BB #91A2C5 #A6B3D0 #BAC5DB #CFD6E6

Darker Shades

#496091 #3F537D #35466A #2B3956 #212C42 #171F2E

Complementary Palette

#475E8E #536DA5 #8F7848 #A68C54 #B29C6C #6B81B2

Analogous Palette

#627E84 #6A8990 #4E669B #536DA5 #716A90 #7B7599

Triadic Palette

#496091 #536DA5 #B34769 #BC5D7B #69B347 #5C9E3E

Split Complementary Palette

#4B6295 #536DA5 #A66354 #AF7365 #97A654 #88954C

Square Palette

#465C8B #536DA5 #9A608F #9A8760 #54A663 #6FB47C

Tetradic Palette

#445987 #536DA5 #943DBD #A68C54 #66BD3D #82C960

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #536DA5 contains 83 red, 109 green, and 165 blue.

Contrast Ratio: 5.1:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.12:1