#508EB4 Color

Color Information

HEX#508EB4
RGB80, 142, 180
HSL203° , 40% , 51%
HSV203° , 56% , 71%
CMYK56%, 21%, 0%, 29%

Lighter Shades

#659CBD #7AA9C6 #8FB7CF #A4C4D8 #B9D2E1 #CEDFEA

Darker Shades

#467D9E #3D6C89 #335B73 #2A4A5E #203948 #162832

Complementary Palette

#457A9B #508EB4 #9B6545 #B47650 #BF8969 #699EBF

Analogous Palette

#628D88 #699B95 #4B85A9 #508EB4 #696F9B #757BA3

Triadic Palette

#467D9E #508EB4 #C14491 #C85A9E #91C144 #80AA3C

Split Complementary Palette

#4880A2 #508EB4 #B4505C #BC626C #B4A850 #A29748

Square Palette

#437797 #508EB4 #9F5DA8 #A8795D #5CB450 #76C06C

Tetradic Palette

#427494 #508EB4 #713ACB #B47650 #93CB3A #A6D45D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #508EB4 contains 80 red, 142 green, and 180 blue.

Contrast Ratio: 3.53:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.95:1