#506B7C Color

Color Information

HEX	#506B7C
RGB	80, 107, 124
HSL	203° , 22% , 40%
HSV	203° , 35% , 49%
CMYK	35%, 14%, 0%, 51%

Lighter Shades

#657D8C #7A8F9B #8FA0AB #A4B2BB #B9C4CB #CED6DA

Darker Shades

#465E6D #3D515E #33444F #2A3840 #202B32 #161E23

Complementary Palette

#455C6B #506B7C #6B5345 #7C6150 #8E7769 #69808E

Analogous Palette

#506D69 #577572 #4B6575 #506B7C #575A75 #626684

Triadic Palette

#465E6D #506B7C #87456E #955B7F #6E8745 #61773D

Split Complementary Palette

#486070 #506B7C #7C5055 #896266 #7C7750 #706B48

Square Palette

#435A68 #506B7C #725775 #756257 #557C50 #70916C

Tetradic Palette

#425866 #506B7C #5C3D8F #7C6150 #708F3D #8AA360

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #506B7C contains 80 red, 107 green, and 124 blue.

Contrast Ratio: 5.61:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.74:1