#509DB6 Color

Color Information

HEX#509DB6
RGB80, 157, 182
HSL195° , 41% , 51%
HSV195° , 56% , 71%
CMYK56%, 14%, 0%, 29%

Lighter Shades

#65A9BF #7AB5C8 #8FC0D0 #A4CCD9 #B9D8E2 #CEE4EB

Darker Shades

#468AA0 #3D778A #336474 #2A525F #203F49 #162C33

Complementary Palette

#45879D #509DB6 #9C5944 #B5684F #BF7D68 #69ABC0

Analogous Palette

#618F83 #689C8F #4B94AB #509DB6 #68759C #7480A4

Triadic Palette

#468AA0 #509DB6 #C242A2 #C959AD #A2C242 #8FAB3A

Split Complementary Palette

#488DA4 #509DB6 #B54F68 #BC6177 #B59C4F #A38C47

Square Palette

#438499 #509DB6 #955BA9 #A96F5B #68B54F #80C16B

Tetradic Palette

#428195 #509DB6 #5D38CC #B5684F #A7CC38 #B7D55C

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #509DB6 contains 80 red, 157 green, and 182 blue.

Contrast Ratio: 3.03:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.94:1