Color Opacity (Beta)

Enter a color (hex, RGB, or color name) and see it at different opacity levels.

Input Color

Opacity Variations

100%
#3b82f6
rgba(59, 130, 246, 1.00)
90%
#4f8ff7
rgba(59, 130, 246, 0.90)
80%
#629bf8
rgba(59, 130, 246, 0.80)
70%
#76a8f9
rgba(59, 130, 246, 0.70)
60%
#89b4fa
rgba(59, 130, 246, 0.60)
50%
#9dc1fb
rgba(59, 130, 246, 0.50)
40%
#b1cdfb
rgba(59, 130, 246, 0.40)
30%
#c4dafc
rgba(59, 130, 246, 0.30)
20%
#d8e6fd
rgba(59, 130, 246, 0.20)
10%
#ebf3fe
rgba(59, 130, 246, 0.10)
5%
#f5f9ff
rgba(59, 130, 246, 0.05)