#30A4F1

48, 164, 241

#30A4F1

Custom color #30A4F1 with RGB values 48, 164, 241.

HEX#30A4F1

RGB48, 164, 241

HSL204°, 87%, 57%

CMYK80%, 32%, 0%, 5%

CSS Variable--color: #30a4f1;

Use in Generator Check Contrast View on Wheel

Shades of #30A4F1

#cfeafc

#9fd5f9

#70c0f5

#40abf2

#1096ef

#0d78bf

#0a5a8f

#063c60

#031e30

Tints of #30A4F1

#30a4f1

#47aef3

#5eb8f4

#75c2f6

#8cccf7

#a2d6f9

#b9e0fa

#d0eafc

#e7f4fd

Color Harmonies

Complementary

Analogous

Triadic

Sample Text

On White2.73:1

AA NormalFailAAAFail

Sample Text

On Black7.71:1

AA NormalPassAAAPass

Full contrast analysis →