#509ACC

80, 154, 204

#509ACC

Custom color #509ACC with RGB values 80, 154, 204.

HEX#509ACC
RGB80, 154, 204
HSL204°, 55%, 56%
CMYK61%, 25%, 0%, 20%
CSS Variable--color: #509acc;
Use in GeneratorCheck ContrastView on Wheel

Shades of #509ACC

#d8e8f3

#b0d1e8

#89bbdc

#61a4d1

#3a8dc5

#2e719e

#235576

#17384f

#0c1c27

Tints of #509ACC

#509acc

#63a5d2

#77b0d7

#8abcdd

#9ec7e3

#b1d2e8

#c4ddee

#d8e8f4

#ebf4f9

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White3.07:1
AA NormalFailAAAFail

Sample Text

On Black6.84:1
AA NormalPassAAAFail
Full contrast analysis →