#5364A3 Color

Color Information

HEX#5364A3
RGB83, 100, 163
HSL227° , 33% , 48%
HSV227° , 49% , 64%
CMYK49%, 39%, 0%, 36%

Lighter Shades

#6877AE #7C89B9 #919CC4 #A6AECF #BAC1DA #CFD4E5

Darker Shades

#49588F #3F4C7C #354068 #2B3455 #212841 #171C2E

Complementary Palette

#47568C #5364A3 #8C7D47 #A39152 #B0A06A #6B7AB0

Analogous Palette

#5F7781 #68828D #4E5E99 #5364A3 #72688D #7D7297

Triadic Palette

#49588F #5364A3 #AF465D #B95C70 #5DAF46 #529A3E

Split Complementary Palette

#4B5A93 #5364A3 #A36952 #AC7863 #8CA352 #7E934A

Square Palette

#465489 #5364A3 #975E87 #978A5E #52A369 #6EB281

Tetradic Palette

#445286 #5364A3 #9E3CB9 #A39152 #57B93C #75C65F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5364A3 contains 83 red, 100 green, and 163 blue.

Contrast Ratio: 5.64:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.72:1