#536DA6 Color

Color Information

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

Lighter Shades

#687FB1 #7C90BB #91A2C6 #A6B3D1 #BAC5DB #CFD6E6

Darker Shades

#496092 #3F537E #35466A #2B3956 #212C42 #171F2E

Complementary Palette

#475E8F #536DA6 #8F7848 #A68C54 #B29C6C #6B81B2

Analogous Palette

#627E84 #6A8990 #4E669C #536DA6 #716A90 #7B7599

Triadic Palette

#496092 #536DA6 #B34769 #BC5D7B #69B347 #5C9E3E

Split Complementary Palette

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

Square Palette

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

Tetradic Palette

#445988 #536DA6 #943DBD #A68C54 #66BD3D #82C960

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #536DA6 contains 83 red, 109 green, and 166 blue.

Contrast Ratio: 5.09:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.13:1