#5387A6 Color

Color Information

HEX#5387A6
RGB83, 135, 166
HSL202° , 33% , 49%
HSV202° , 50% , 65%
CMYK50%, 19%, 0%, 35%

Lighter Shades

#6895B1 #7CA4BB #91B2C6 #A6C1D1 #BACFDB #CFDDE6

Darker Shades

#497792 #3F677E #35566A #2B4656 #213642 #17262E

Complementary Palette

#47748F #5387A6 #8F6248 #A67254 #B2866C #6B98B2

Analogous Palette

#62847F #6A908B #4E7F9C #5387A6 #6A6F90 #757A99

Triadic Palette

#497792 #5387A6 #B3478B #BC5D99 #8BB347 #7A9E3E

Split Complementary Palette

#4B7A95 #5387A6 #A6545F #AF656F #A69B54 #958C4C

Square Palette

#46718B #5387A6 #92609A #9A7560 #5FA654 #79B46F

Tetradic Palette

#446F88 #5387A6 #6C3DBD #A67254 #8EBD3D #A2C960

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5387A6 contains 83 red, 135 green, and 166 blue.

Contrast Ratio: 3.85:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.45:1