#4680F2

70, 128, 242

#4680F2

Custom color #4680F2 with RGB values 70, 128, 242.

HEX#4680F2
RGB70, 128, 242
HSL220°, 87%, 61%
CMYK71%, 47%, 0%, 5%
CSS Variable--color: #4680f2;
Use in GeneratorCheck ContrastView on Wheel

Shades of #4680F2

#cfdefc

#a0bef8

#709df5

#407cf2

#115bee

#0d49bf

#0a378f

#07255f

#031230

Tints of #4680F2

#4680f2

#5a8ef3

#6e9cf5

#82a9f6

#97b7f8

#abc5f9

#bfd3fa

#d3e1fc

#e7effd

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White3.73:1
AA NormalFailAAAFail

Sample Text

On Black5.63:1
AA NormalPassAAAFail
Full contrast analysis →