#509B7B Color

Color Information

HEX#509B7B
RGB80, 155, 123
HSL154° , 32% , 46%
HSV154° , 48% , 61%
CMYK48%, 0%, 21%, 39%

Lighter Shades

#65A78B #7AB39B #8FBFAB #A4CBBA #B9D7CA #CEE3DA

Darker Shades

#46886C #3D765D #33634F #2A5140 #203E31 #162B22

Complementary Palette

#45856A #509B7B #854560 #9B5070 #A96984 #69A98D

Analogous Palette

#5D7E5F #648766 #4B9274 #509B7B #648587 #6C9093

Triadic Palette

#46886C #509B7B #7C44A7 #8C5AB2 #A77C44 #936D3C

Split Complementary Palette

#488C6F #509B7B #9B5096 #A562A1 #9B5550 #8C4D48

Square Palette

#438267 #509B7B #5F5B8F #8F5B72 #969B50 #A7AB6C

Tetradic Palette

#427F65 #509B7B #3B6DB0 #9B5070 #B07D3B #BE945E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #509B7B contains 80 red, 155 green, and 123 blue.

Contrast Ratio: 3.28:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.41:1