UtilHub

RGBA to HEX Converter

Convert RGBA colors — including the alpha/opacity channel — to HEX format instantly. Output as a standard 6-digit HEX or an 8-digit HEX code with embedded transparency, ready for CSS, Figma, and any modern design tool.

name, hex, rgb, hsl, oklch, hwb, cmyk, ncol

FormatValue
Hex#ff7a59ff
Name
RGBrgba(255, 122, 89, 1)
HSLhsla(12, 100%, 67%, 1)
OKLCHoklch(72.9% 0.1696 35.11 / 1)
HWBhwb(12, 35%, 0%)
CMYKcmyk(0%, 52%, 65%, 0%)
NColR20, 35%, 0%
Use this color in our Color Picker

Opacity:

100%

Lighter / Darker:

#ffffffff
#ffebe5ff
#ffc6b8ff
#ffa18aff
#ff7c5cff
#ff582eff
#ff3300ff
#d12a00ff
#a32100ff
#751700ff
#470e00ff
#1a0500ff
#000000ff

Contrast Checker

WCAG contrast ratios for this color as text on white and black — and for white and black text on this color as background.

Hey thereHave a wonderful day.
Contrast Ratio 2.57:1
AAAA LargeAAAAAA Large
Hey thereHave a wonderful day.
Contrast Ratio 8.18:1
AAAA LargeAAAAAA Large
Hey thereHave a wonderful day.
Contrast Ratio 2.57:1
AAAA LargeAAAAAA Large
Hey thereHave a wonderful day.
Contrast Ratio 8.18:1
AAAA LargeAAAAAA Large

How to Use This Tool

Enter your color as rgba(r, g, b, a) — for example, rgba(255, 122, 89, 1). The alpha value ranges from 0 (fully transparent) to 1 (fully opaque). Enable the Alpha toggle above the results table to include transparency in the output, which produces an 8-digit HEX code like #ff7a59ff. Without alpha, you get a standard 6-digit HEX. Click any value to copy it to your clipboard. The shade bar shows HEX tints and shades of your color.