#509EAE Color

Color Information

HEX#509EAE
RGB80, 158, 174
HSL190° , 37% , 50%
HSV190° , 54% , 68%
CMYK54%, 9%, 0%, 32%

Lighter Shades

#65AAB8 #7AB5C1 #8FC1CB #A4CDD5 #B9D8DF #CEE4E8

Darker Shades

#468B99 #3D7884 #33656F #2A525A #203F46 #162C31

Complementary Palette

#458896 #509EAE #975345 #AF6050 #BA7669 #69ACB9

Analogous Palette

#61897C #6A9587 #4B95A4 #509EAE #6A7895 #76839E

Triadic Palette

#468B99 #509EAE #BB44A7 #C35AB2 #A7BB44 #93A53C

Split Complementary Palette

#488E9D #509EAE #AF5070 #B7627E #AF8F50 #9E8148

Square Palette

#438592 #509EAE #8B5DA2 #A2695D #70AF50 #87BC6C

Tetradic Palette

#42828F #509EAE #5139C6 #AF6050 #AEC639 #BDD05D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #509EAE contains 80 red, 158 green, and 174 blue.

Contrast Ratio: 3.02:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.94:1