Color converter
HEX to Rec. 2020 and Rec. 2020 to HEX
Type a HEX value or a Rec. 2020 value, and the other one appears as you type. Every other notation of the same color is listed below, with each step of the maths.
Try
The converter needs JavaScript. The values shown are for #D3AF37, and the worked examples below read without it.
Result
Inside sRGB
Showing the last color that converted.
- HEX
#D3AF37- Rec. 2020
color(rec2020 0.74174 0.66017 0.25864)- RGB
rgb(211 175 55)- HSL
hsl(46.2 63.9% 52.2%)- OKLCH
oklch(76.55% 0.13847 91.55)
Color converters
Every format at once
The same color in every notation the converters know. Each name opens its own converter.
| Format | Value | Copy |
|---|---|---|
| Web and CSS | ||
| HEX CSS | #D3AF37 | |
| RGB CSS | rgb(211 175 55) | |
| sRGB (0 to 1) CSS | color(srgb 0.8275 0.6863 0.2157) | |
| Linear sRGB CSS | color(srgb-linear 0.65141 0.42869 0.0382) | |
| HSL CSS | hsl(46.2 63.9% 52.2%) | |
| HSV (HSB) Notation | hsv(46.2 73.9% 82.7%) | |
| HWB CSS | hwb(46.2 21.6% 17.3%) | |
| CSS color name CSS | goldenrodNearest ΔE00 5.00 | |
| Perceptual and CIE | ||
| OKLCH CSS | oklch(76.55% 0.13847 91.55) | |
| OKLab CSS | oklab(76.55% -0.00375 0.13842) | |
| CIELAB CSS | lab(73.19 4.7 62.68) | |
| CIE LCH CSS | lch(73.19 62.86 85.71) | |
| CIE XYZ (D65) CSS | color(xyz-d65 0.42882 0.44786 0.1) | |
| CIE XYZ (D50) CSS | color(xyz-d50 0.45463 0.45457 0.07797) | |
| CIE xyY Notation | xyY(0.43906 0.45855 0.44786) | |
| CIELUV Notation | luv(72.75 30.75 69) | |
| Wide gamut | ||
| Display P3 CSS | color(display-p3 0.80472 0.69157 0.30739) | |
| Rec. 2020 CSS | color(rec2020 0.74174 0.66017 0.25864) | |
| Adobe RGB (1998) CSS | color(a98-rgb 0.78545 0.68035 0.26584) | |
| ProPhoto RGB CSS | color(prophoto-rgb 0.67408 0.63343 0.26964) | |
| Print and paint | ||
| CMYK Notation | cmyk(0% 17.1% 73.9% 17.3%) | |
| RAL Classic Notation | RAL 1032 Broom yellowNearest ΔE00 3.02 | |
| Video | ||
| YCbCr (JPEG, BT.601) Notation | ycbcr(172.08 61.93 155.76) | |
| YCbCr (HD video, BT.709) Notation | ycbcr709(165.43 71.67 148.64) | |
| Code and platforms | ||
| Decimal integer Notation | 13872951 | |
| Android and Flutter ARGB Notation | 0xFFD3AF37 | |
| Android color int Notation | -2904265 | |
| SwiftUI and UIKit Notation | Color(red: 0.8275, green: 0.6863, blue: 0.2157) | |
| GLSL vec3 / vec4 Notation | vec3(0.8275, 0.6863, 0.2157) | |
| Embedded and terminal | ||
| RGB565 Notation | 0xD567Lossy | |
| ANSI 256 (xterm) Notation | 38;5;178Nearest ΔE00 3.11 | |
Every step of the maths
How HEX becomes Rec. 2020
Each step shows the values for the color above, as the converter computes them.
- Start Hex digits
#D3AF37 - Back 8-bit channels
each pair of digits read as a byte211 175 55 - Back sRGB channels, 0 to 1
each byte ÷ 2550.8275 0.6863 0.2157 - Then Linear light
c ≤ 0.04045 ? c / 12.92 : ((c + 0.055) / 1.055)^2.40.65141 0.42869 0.0382 - Then CIE XYZ, D65
the sRGB to XYZ matrix0.42882 0.44786 0.1 - Then Linear Rec. 2020
the XYZ to Rec. 2020 matrix0.55151 0.43964 0.08262 - Then Rec. 2020
the Rec. 2020 transfer curvecolor(rec2020 0.74174 0.66017 0.25864)
Rec. 2020
About Rec. 2020
Rec. 2020 is the ITU's color space for ultra HD and HDR video, with primaries on the edge of visible color that hold far more than Display P3. CSS reads it as color(rec2020 …), with the BT.2020 transfer curve.
How this page writes it
- Converted through XYZ with matrices built from the BT.2020 primaries and D65; the curve is linear near black and a power of 0.45 above.
- Written to five decimal places.
Watch for
- No current screen shows all of Rec. 2020; values near its edges are mapped by the browser.
Worked examples
HEX to Rec. 2020
Each row is the converter's own output, and a test re-runs every row.
| Color | HEX | Rec. 2020 |
|---|---|---|
| White | #FFFFFF | color(rec2020 1 1 1) |
| Black | #000000 | color(rec2020 0 0 0) |
| Middle gray | #808080 | color(rec2020 0.45214 0.45214 0.45214) |
| Red | #FF0000 | color(rec2020 0.79198 0.23098 0.07376) |
| Green | #00FF00 | color(rec2020 0.56754 0.95928 0.26897) |
| Blue | #0000FF | color(rec2020 0.16837 0.05113 0.94678) |
| Royal blue | #2563EB | color(rec2020 0.27021 0.33265 0.86959) |
| Gold | #D3AF37 | color(rec2020 0.74174 0.66017 0.25864) |
Next
Related converters
- HEX and RGBHex codes, rgb() and alpha
- HEX and OKLCHPerceptual color and gamut
- HEX and Display P3The gamut of recent phones and Macs
- HEX and Adobe RGBAdobe RGB (1998), for photography and print
- HEX and ProPhoto RGBA very wide working space for photo editing
- All color convertersPaste a color in any notation the converters read, and see it in all of them.
Method
Sources and testing
- CSS Color Module Level 4, 10.7: the predefined ITU-R BT.2020-2 color space w3.org
- ITU-R BT.2020 itu.int
- Conversions run in your browser with the site's shared color code; nothing you type is sent anywhere.
- An automated test recomputes every value on this page and reads every format back.
- Checked with a keyboard, the axe engine and Playwright in Chromium, in light and dark themes at phone and desktop widths. It has not yet been checked with a screen reader.
Found a mistake? Tell us and we will correct it.