#536BA3 Color

Color Information

HEX#536BA3
RGB83, 107, 163
HSL222° , 33% , 48%
HSV222° , 49% , 64%
CMYK49%, 34%, 0%, 36%

Lighter Shades

#687DAE #7C8FB9 #91A0C4 #A6B2CF #BAC4DA #CFD6E5

Darker Shades

#495E8F #3F517C #354468 #2B3855 #212B41 #171E2E

Complementary Palette

#475C8C #536BA3 #8C7847 #A38B52 #B09B6A #6B80B0

Analogous Palette

#5F7A81 #68858D #4E6599 #536BA3 #6F688D #7A7297

Triadic Palette

#495E8F #536BA3 #AF4665 #B95C77 #65AF46 #599A3E

Split Complementary Palette

#4B6093 #536BA3 #A36252 #AC7263 #93A352 #84934A

Square Palette

#465A89 #536BA3 #975E8B #97865E #52A362 #6EB27B

Tetradic Palette

#445886 #536BA3 #933CB9 #A38B52 #61B93C #7DC65F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #536BA3 contains 83 red, 107 green, and 163 blue.

Contrast Ratio: 5.23:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.02:1