RGB a HEX: #C800DE
También conocido como: Tailwind fuchsia-600
Resultado
rgb(200 0 222) → #C800DE
Los valores se muestran con precisión completa, así que al convertir de vuelta obtienes exactamente #c800de. La forma redondeada es la que normalmente pegas en CSS.
Cálculo paso a paso
Cada número se calcula a partir de la entrada; no se consulta ninguna tabla.
1. base 10 → base 16
R = 200 = 12×16 + 8 → C8 G = 0 = 0×16 + 0 → 00 B = 222 = 13×16 + 14 → DE
2. pairs → HEX
C8 00 DE → #C800DE
Todos los formatos
- HEX
- #c800de
- RGB
- rgb(200 0 222)
- RGB (legacy)
- rgb(200, 0, 222)
- HSL
- hsl(294.05 100.00% 43.53%) → hsl(294 100% 44%)
- HWB
- hwb(294 0% 13%)
- OKLCH
- oklch(0.598 0.283 322.8) · oklch(59.8% 0.283 322.8)
- OKLab
- oklab(0.598 0.225 -0.171)
- Lab (D50)
- lab(48.61 80.33 -61.13)
- LCH (D50)
- lch(48.61 100.94 322.73)
- Display P3
- color(display-p3 0.7187 0.1481 0.8406)
- Linear sRGB
- color(srgb-linear 0.5776 0.0000 0.7305)
Gamut: sRGB y Display P3
#C800DE es un color hexadecimal, así que está dentro de sRGB y, por tanto, de Display P3. Con esta luminosidad y este tono, sRGB llega a un croma de 0.283 y Display P3 a 0.307; este color usa el 100 % del croma sRGB disponible.
Fragmentos CSS
.element {
color: #c800de;
color: rgb(200 0 222);
color: hsl(294 100% 44%);
color: oklch(0.598 0.283 322.8);
}
/* Tailwind CSS v4 */
@theme {
--color-brand: oklch(0.598 0.283 322.8);
}
/* arbitrary values */
class="text-[#c800de] bg-[oklch(0.598_0.283_322.8)]"
/* wide-gamut screens */
@media (color-gamut: p3) {
.element { color: color(display-p3 0.7187 0.1481 0.8406); }
}
/* relative color syntax: 10% darker */
.element-dark { color: oklch(from #c800de calc(l - 0.1) c h); }Colores cercanos
Colores más próximos en las paletas de Tailwind y CSS (distancia OKLab).
- v3 fuchsia-600#C026D3
- fuchsia-500#E12AFB
- v3 fuchsia-500#D946EF
- fuchsia-700#A800B7
- mediumorchid#BA55D3
- purple-500#AD46FF
- darkorchid#9932CC
- v3 fuchsia-700#A21CAF
Más claro y más oscuro, mismo tono y croma
- #DD30F3 · oklch(0.658 0.283 322.8) · ΔL +0.06
- #B400CA · oklch(0.538 0.283 322.8) · ΔL −0.06