#508AE2 Color

Color Information

HEX#508AE2
RGB80, 138, 226
HSL216° , 72% , 60%
HSV216° , 65% , 89%
CMYK65%, 39%, 0%, 11%

Lighter Shades

#6598E5 #7AA6E9 #8FB4EC #A4C2F0 #B9D0F3 #CEDEF7

Darker Shades

#4679C7 #3D69AC #335891 #2A4876 #20375A #16273F

Complementary Palette

#4577C2 #508AE2 #C29045 #E2A850 #E6B469 #699AE6

Analogous Palette

#5FB0B9 #64C3CE #4B82D4 #508AE2 #6F64CE #7A71D1

Triadic Palette

#4679C7 #508AE2 #ED4588 #EF5B96 #88ED45 #78D13D

Split Complementary Palette

#487CCB #508AE2 #E25E50 #E56E62 #D4E250 #BFCB48

Square Palette

#4374BE #508AE2 #D85ACC #D8A65A #50E25E #6CE778

Tetradic Palette

#4271B9 #508AE2 #AB3DF5 #E2A850 #87F53D #9DF760

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #508AE2 contains 80 red, 138 green, and 226 blue.

Contrast Ratio: 3.42:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.14:1