#508DDB Color

Color Information

HEX#508DDB
RGB80, 141, 219
HSL214° , 66% , 59%
HSV214° , 63% , 86%
CMYK63%, 36%, 0%, 14%

Lighter Shades

#659BDF #7AA8E4 #8FB6E8 #A4C4EC #B9D1F1 #CEDFF5

Darker Shades

#467CC1 #3D6BA6 #335A8C #2A4972 #203858 #16273D

Complementary Palette

#4579BC #508DDB #BC8A46 #DBA051 #E0AD69 #699DE0

Analogous Palette

#62ACB2 #66C0C7 #4B85CE #508DDB #6D66C7 #7772CB

Triadic Palette

#467CC1 #508DDB #E6478C #E95D9A #8CE647 #7BCA3E

Split Complementary Palette

#487FC5 #508DDB #DB5B51 #DF6B62 #D2DB51 #BDC549

Square Palette

#4376B8 #508DDB #D15CC9 #D19E5C #51DB5B #6DE175

Tetradic Palette

#4274B4 #508DDB #A23FEE #DBA051 #8BEE3F #A0F162

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #508DDB contains 80 red, 141 green, and 219 blue.

Contrast Ratio: 3.36:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.25:1