#508EAC Color

Color Information

HEX#508EAC
RGB80, 142, 172
HSL200° , 37% , 49%
HSV200° , 53% , 67%
CMYK53%, 17%, 0%, 33%

Lighter Shades

#659CB6 #7AA9C0 #8FB7CA #A4C4D4 #B9D2DE #CEDFE8

Darker Shades

#467D97 #3D6C83 #335B6E #2A4A59 #203945 #162830

Complementary Palette

#457A94 #508EAC #935F44 #AB6E4F #B78268 #699EB8

Analogous Palette

#5F8680 #68928B #4B85A2 #508EAC #686F92 #747A9A

Triadic Palette

#467D97 #508EAC #B84291 #C1599E #91B842 #80A23A

Split Complementary Palette

#48809B #508EAC #AB4F5E #B3616E #AB9C4F #9A8C47

Square Palette

#437790 #508EAC #935B9F #9F725B #5EAB4F #78B86B

Tetradic Palette

#42748D #508EAC #6638C2 #AB6E4F #94C238 #A7CD5C

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #508EAC contains 80 red, 142 green, and 172 blue.

Contrast Ratio: 3.57:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.88:1