#509DAA Color

Color Information

HEX#509DAA
RGB80, 157, 170
HSL189° , 36% , 49%
HSV189° , 53% , 67%
CMYK53%, 8%, 0%, 33%

Lighter Shades

#65A9B4 #7AB5BE #8FC0C9 #A4CCD3 #B9D8DD #CEE4E7

Darker Shades

#468A96 #3D7781 #33646D #2A5258 #203F44 #162C30

Complementary Palette

#458792 #509DAA #925045 #AA5D50 #B67469 #69ABB6

Analogous Palette

#608578 #699183 #4B94A0 #509DAA #697791 #758299

Triadic Palette

#468A96 #509DAA #B643A5 #BF5AB0 #A5B643 #91A03B

Split Complementary Palette

#488D99 #509DAA #AA506F #B3627D #AA8A50 #997C48

Square Palette

#43848F #509DAA #875C9D #9D665C #6FAA50 #86B86C

Tetradic Palette

#42818B #509DAA #4E39C0 #AA5D50 #ACC039 #BBCB5D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #509DAA contains 80 red, 157 green, and 170 blue.

Contrast Ratio: 3.07:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.84:1