#42A2CC

66, 162, 204

#42A2CC

Custom color #42A2CC with RGB values 66, 162, 204.

HEX#42A2CC
RGB66, 162, 204
HSL198°, 58%, 53%
CMYK68%, 21%, 0%, 20%
CSS Variable--color: #42a2cc;
Use in GeneratorCheck ContrastView on Wheel

Shades of #42A2CC

#d7ebf4

#afd7e9

#87c4de

#5eb0d4

#369cc9

#2b7da1

#215e78

#163e50

#0b1f28

Tints of #42A2CC

#42a2cc

#57acd2

#6cb7d7

#81c1dd

#96cce3

#acd6e8

#c1e0ee

#d6ebf4

#ebf5fa

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.89:1
AA NormalFailAAAFail

Sample Text

On Black7.27:1
AA NormalPassAAAPass
Full contrast analysis →