#5386AC Color

Color Information

HEX#5386AC
RGB83, 134, 172
HSL206° , 35% , 50%
HSV206° , 52% , 67%
CMYK52%, 22%, 0%, 33%

Lighter Shades

#6895B6 #7CA3C0 #91B2CA #A6C0D4 #BACFDE #CFDDE8

Darker Shades

#497697 #3F6683 #35566E #2B4659 #213645 #172630

Complementary Palette

#477394 #5386AC #946947 #AC7A53 #B88D6B #6B97B8

Analogous Palette

#648785 #6C9390 #4E7EA2 #5386AC #6C6F93 #787A9B

Triadic Palette

#497697 #5386AC #B94687 #C15C95 #87B946 #77A33E

Split Complementary Palette

#4B799B #5386AC #AC5359 #B4646A #ACA653 #9B954B

Square Palette

#467190 #5386AC #9B609F #9F7B60 #59AC53 #74B96F

Tetradic Palette

#446E8D #5386AC #763CC3 #AC7A53 #89C33C #9ECE5F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5386AC contains 83 red, 134 green, and 172 blue.

Contrast Ratio: 3.86:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.44:1