HEX para OKLCH: #172554
Também conhecida como: Tailwind v3 blue-950
Resultado
#172554 → oklch(0.282 0.087 267.9)
Os valores aparecem com precisão total, então converter de volta dá exatamente #172554. A forma arredondada é a que normalmente se cola no CSS.
Cálculo passo a passo
Cada número é calculado a partir da entrada; nada é consultado em tabelas.
1. sRGB → linear
R: 23/255 = 0.09020 → 0.008568 (((x + 0.055) / 1.055)^2.4) G: 37/255 = 0.14510 → 0.018500 (((x + 0.055) / 1.055)^2.4) B: 84/255 = 0.32941 → 0.088656 (((x + 0.055) / 1.055)^2.4)
2. linear sRGB → LMS
l = 0.4122·R + 0.5363·G + 0.0514·B = 0.018015 m = 0.2119·R + 0.6807·G + 0.1074·B = 0.023930 s = 0.0883·R + 0.2817·G + 0.6300·B = 0.061820
3. cube root
l′ = ∛0.018015 = 0.262148 m′ = ∛0.023930 = 0.288169 s′ = ∛0.061820 = 0.395405
4. LMS′ → Oklab
L = 0.2105·l′ + 0.7936·m′ − 0.0041·s′ = 0.28226 a = 1.9780·l′ − 2.4286·m′ + 0.4506·s′ = -0.00315 b = 0.0259·l′ + 0.7828·m′ − 0.8087·s′ = -0.08739
5. Oklab → OKLCH
C = √(a² + b²) = 0.08745 H = atan2(b, a) = 267.935° L = 0.28226
6. OKLCH
oklch(0.28226 0.08745 267.935) rounded: oklch(0.282 0.087 267.9)
Todos os formatos
- HEX
- #172554
- RGB
- rgb(23 37 84)
- RGB (legacy)
- rgb(23, 37, 84)
- HSL
- hsl(226.23 57.01% 20.98%) → hsl(226 57% 21%)
- HWB
- hwb(226 9% 67%)
- OKLCH
- oklch(0.282 0.087 267.9) · oklch(28.2% 0.087 267.9)
- OKLab
- oklab(0.282 -0.003 -0.087)
- Lab (D50)
- lab(15.77 8.12 -31.06)
- LCH (D50)
- lch(15.77 32.10 284.65)
- Display P3
- color(display-p3 0.1020 0.1436 0.3175)
- Linear sRGB
- color(srgb-linear 0.0086 0.0185 0.0887)
Gamut: sRGB e Display P3
#172554 é uma cor hexadecimal, portanto está dentro do sRGB e, por isso, do Display P3. Com esta luminosidade e matiz, o sRGB chega a um croma de 0.188 e o Display P3 a 0.189; esta cor usa 46% do croma sRGB disponível.
Trechos de CSS
.element {
color: #172554;
color: rgb(23 37 84);
color: hsl(226 57% 21%);
color: oklch(0.282 0.087 267.9);
}
/* Tailwind CSS v4 */
@theme {
--color-brand: oklch(0.282 0.087 267.9);
}
/* arbitrary values */
class="text-[#172554] bg-[oklch(0.282_0.087_267.9)]"
/* wide-gamut screens */
@media (color-gamut: p3) {
.element { color: color(display-p3 0.1020 0.1436 0.3175); }
}
/* relative color syntax: 10% darker */
.element-dark { color: oklch(from #172554 calc(l - 0.1) c h); }Cores próximas
Cores mais próximas nas paletas do Tailwind e do CSS (distância OKLab).
- blue-950#162456
- v3 indigo-950#1E1B4B
- indigo-950#1E1A4D
- sky-950#052F4A
- v3 sky-950#082F49
- slate-800#1D293D
- v3 slate-800#1E293B
- gray-800#1E2939
Mais claro e mais escuro, mesmo matiz e croma
- #253565 · oklch(0.342 0.087 267.9) · ΔL +0.06
- #0A1543 · oklch(0.222 0.087 267.9) · ΔL −0.06