#508ADD Color

Color Information

HEX#508ADD
RGB80, 138, 221
HSL215° , 67% , 59%
HSV215° , 64% , 87%
CMYK64%, 38%, 0%, 13%

Lighter Shades

#6598E1 #7AA6E5 #8FB4E9 #A4C2ED #B9D0F1 #CEDEF5

Darker Shades

#4679C2 #3D69A8 #33588D #2A4873 #203758 #16273E

Complementary Palette

#4577BE #508ADD #BD8B45 #DCA250 #E1AF69 #699AE2

Analogous Palette

#61ACB3 #65BFC8 #4B82D0 #508ADD #6E65C8 #7871CC

Triadic Palette

#4679C2 #508ADD #E74689 #EA5C97 #89E746 #79CB3E

Split Complementary Palette

#487CC7 #508ADD #DC5C50 #E06C62 #D1DC50 #BCC648

Square Palette

#4374BA #508ADD #D25BC8 #D2A05B #50DC5C #6CE276

Tetradic Palette

#4271B5 #508ADD #A53EEF #DCA250 #88EF3E #9DF261

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #508ADD contains 80 red, 138 green, and 221 blue.

Contrast Ratio: 3.45:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.09:1