HEX a OKLCH: #0B4F4A
También conocido como: Tailwind teal-900
Resultado
#0B4F4A → oklch(0.387 0.063 187.2)
Los valores se muestran con precisión completa, así que al convertir de vuelta obtienes exactamente #0b4f4a. 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. sRGB → linear
R: 11/255 = 0.04314 → 0.003347 (((x + 0.055) / 1.055)^2.4) G: 79/255 = 0.30980 → 0.078187 (((x + 0.055) / 1.055)^2.4) B: 74/255 = 0.29020 → 0.068478 (((x + 0.055) / 1.055)^2.4)
2. linear sRGB → LMS
l = 0.4122·R + 0.5363·G + 0.0514·B = 0.046837 m = 0.2119·R + 0.6807·G + 0.1074·B = 0.061286 s = 0.0883·R + 0.2817·G + 0.6300·B = 0.065462
3. cube root
l′ = ∛0.046837 = 0.360465 m′ = ∛0.061286 = 0.394263 s′ = ∛0.065462 = 0.403023
4. LMS′ → Oklab
L = 0.2105·l′ + 0.7936·m′ − 0.0041·s′ = 0.38711 a = 1.9780·l′ − 2.4286·m′ + 0.4506·s′ = -0.06291 b = 0.0259·l′ + 0.7828·m′ − 0.8087·s′ = -0.00796
5. Oklab → OKLCH
C = √(a² + b²) = 0.06341 H = atan2(b, a) = 187.211° L = 0.38711
6. OKLCH
oklch(0.38711 0.06341 187.211) rounded: oklch(0.387 0.063 187.2)
Todos los formatos
- HEX
- #0b4f4a
- RGB
- rgb(11 79 74)
- RGB (legacy)
- rgb(11, 79, 74)
- HSL
- hsl(175.59 75.56% 17.65%) → hsl(176 76% 18%)
- HWB
- hwb(176 4% 69%)
- OKLCH
- oklch(0.387 0.063 187.2) · oklch(38.7% 0.063 187.2)
- OKLab
- oklab(0.387 -0.063 -0.008)
- Lab (D50)
- lab(29.65 -21.73 -3.13)
- LCH (D50)
- lch(29.65 21.96 188.21)
- Display P3
- color(display-p3 0.1364 0.3049 0.2893)
- Linear sRGB
- color(srgb-linear 0.0033 0.0782 0.0685)
Gamut: sRGB y Display P3
#0B4F4A 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.068 y Display P3 a 0.091; este color usa el 94 % del croma sRGB disponible.
Fragmentos CSS
.element {
color: #0b4f4a;
color: rgb(11 79 74);
color: hsl(176 76% 18%);
color: oklch(0.387 0.063 187.2);
}
/* Tailwind CSS v4 */
@theme {
--color-brand: oklch(0.387 0.063 187.2);
}
/* arbitrary values */
class="text-[#0b4f4a] bg-[oklch(0.387_0.063_187.2)]"
/* wide-gamut screens */
@media (color-gamut: p3) {
.element { color: color(display-p3 0.1364 0.3049 0.2893); }
}
/* relative color syntax: 10% darker */
.element-dark { color: oklch(from #0b4f4a calc(l - 0.1) c h); }Colores cercanos
Colores más próximos en las paletas de Tailwind y CSS (distancia OKLab).
- v3 teal-900#134E4A
- v3 emerald-900#064E3B
- emerald-900#004F3B
- darkslategray#2F4F4F
- v3 cyan-900#164E63
- cyan-900#104E64
- v3 teal-800#115E59
- mist-700#394447
Más claro y más oscuro, mismo tono y croma
- #22605A · oklch(0.447 0.063 187.2) · ΔL +0.06
- #003F3A · oklch(0.327 0.063 187.2) · ΔL −0.06