#42A5F0

66, 165, 240

#42A5F0

Custom color #42A5F0 with RGB values 66, 165, 240.

HEX#42A5F0
RGB66, 165, 240
HSL206°, 85%, 60%
CMYK73%, 31%, 0%, 6%
CSS Variable--color: #42a5f0;
Use in GeneratorCheck ContrastView on Wheel

Shades of #42A5F0

#d0e9fb

#a1d2f7

#71bcf4

#42a5f0

#138fec

#0f72bd

#0b568e

#07395e

#041d2f

Tints of #42A5F0

#42a5f0

#57aff2

#6bb9f3

#80c3f5

#95ccf7

#a9d6f8

#bee0fa

#d3eafb

#e7f4fd

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.67:1
AA NormalFailAAAFail

Sample Text

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