#505B6D Color

Color Information

HEX	#505B6D
RGB	80, 91, 109
HSL	217° , 15% , 37%
HSV	217° , 27% , 43%
CMYK	27%, 17%, 0%, 57%

Lighter Shades

#656F7F #7A8290 #8F96A2 #A4AAB3 #B9BDC5 #CED1D6

Darker Shades

#465060 #3D4553 #333A46 #2A2F39 #20242C #16191F

Complementary Palette

#454E5E #505B6D #5E5445 #6D6250 #817869 #697281

Analogous Palette

#4A6164 #50696D #4B5666 #505B6D #53506D #5F5B7B

Triadic Palette

#465060 #505B6D #764759 #865D6D #597647 #4E683E

Split Complementary Palette

#485262 #505B6D #6D5350 #7C6462 #696D50 #5F6248

Square Palette

#434C5C #505B6D #6D5069 #6D6250 #506D53 #6C846F

Tetradic Palette

#424B59 #505B6D #663F7D #6D6250 #577D3F #759462

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #505B6D contains 80 red, 91 green, and 109 blue.

Contrast Ratio: 6.92:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.04:1