Opacity Calculator

Any color at any opacity over any background, computed exactly: the resulting HEX, the rgba() you write in CSS, the solved alpha, and WCAG contrast of the result — plus a 0–100% ramp. Straight-alpha compositing, no guesswork.

Input

Foreground color

Background color

Opacity 50%

#92B1F550% over #FFFFFF

WCAG2.14 : 1AA TextFail

HEX#92B1F5

RGBArgba(37, 99, 235, 0.5)

RGBrgb(146, 177, 245)

HSLhsl(221, 83%, 77%)

Ramp

The same color across the full 0–100% opacity range, composited over the background.

Solved alpha

The lowest opacity that still reaches the target against this background.

Minimum alpha100%AAA TextFail