#508DCE Color

Color Information

HEX	#508DCE
RGB	80, 141, 206
HSL	211° , 56% , 56%
HSV	211° , 61% , 81%
CMYK	61%, 32%, 0%, 19%

Lighter Shades

#659BD4 #7AA8DA #8FB6E0 #A4C4E6 #B9D1EB #CEDFF1

Darker Shades

#467CB5 #3D6B9D #335A84 #2A496B #203852 #16273A

Complementary Palette

#4579B1 #508DCE #B17D45 #CE9150 #D5A069 #699DD5

Analogous Palette

#64A5A6 #66B6B7 #4B85C2 #508DCE #6866B7 #7674BE

Triadic Palette

#467CB5 #508DCE #D9458C #DE5B9A #8CD945 #7BBF3D

Split Complementary Palette

#487FB9 #508DCE #CE5250 #D36362 #CCCE50 #B8B948

Square Palette

#4376AD #508DCE #C25BC1 #C2915B #50CE52 #6CD66E

Tetradic Palette

#4274A9 #508DCE #923CE2 #CE9150 #8CE23C #A1E75F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #508DCE contains 80 red, 141 green, and 206 blue.

Contrast Ratio: 3.43:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.12:1