#506AAF

80, 106, 175

#506AAF

Custom color #506AAF with RGB values 80, 106, 175.

HEX#506AAF
RGB80, 106, 175
HSL224°, 37%, 50%
CMYK54%, 39%, 0%, 31%
CSS Variable--color: #506aaf;
Use in GeneratorCheck ContrastView on Wheel

Shades of #506AAF

#dce1ef

#b9c3df

#96a6cf

#7388bf

#506aaf

#40558c

#304069

#202a46

#101523

Tints of #506AAF

#506aaf

#647bb8

#778cc1

#8b9cca

#9fadd3

#b2bedc

#c6cfe5

#dadfee

#eef0f7

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White5.22:1
AA NormalPassAAAFail

Sample Text

On Black4.02:1
AA NormalFailAAAFail
Full contrast analysis →