RGB para HEX: #065F46
Também conhecida como: Tailwind v3 emerald-800
Resultado
rgb(6 95 70) → #065F46
Os valores aparecem com precisão total, então converter de volta dá exatamente #065f46. 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. base 10 → base 16
R = 6 = 0×16 + 6 → 06 G = 95 = 5×16 + 15 → 5F B = 70 = 4×16 + 6 → 46
2. pairs → HEX
06 5F 46 → #065F46
Todos os formatos
- HEX
- #065f46
- RGB
- rgb(6 95 70)
- RGB (legacy)
- rgb(6, 95, 70)
- HSL
- hsl(163.15 88.12% 19.80%) → hsl(163 88% 20%)
- HWB
- hwb(163 2% 63%)
- OKLCH
- oklch(0.432 0.086 166.9) · oklch(43.2% 0.086 166.9)
- OKLab
- oklab(0.432 -0.084 0.020)
- Lab (D50)
- lab(35.23 -29.98 7.30)
- LCH (D50)
- lch(35.23 30.85 166.31)
- Display P3
- color(display-p3 0.1593 0.3667 0.2808)
- Linear sRGB
- color(srgb-linear 0.0018 0.1144 0.0612)
Gamut: sRGB e Display P3
#065F46 é 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.089 e o Display P3 a 0.121; esta cor usa 98% do croma sRGB disponível.
Trechos de CSS
.element {
color: #065f46;
color: rgb(6 95 70);
color: hsl(163 88% 20%);
color: oklch(0.432 0.086 166.9);
}
/* Tailwind CSS v4 */
@theme {
--color-brand: oklch(0.432 0.086 166.9);
}
/* arbitrary values */
class="text-[#065f46] bg-[oklch(0.432_0.086_166.9)]"
/* wide-gamut screens */
@media (color-gamut: p3) {
.element { color: color(display-p3 0.1593 0.3667 0.2808); }
}
/* relative color syntax: 10% darker */
.element-dark { color: oklch(from #065f46 calc(l - 0.1) c h); }Cores próximas
Cores mais próximas nas paletas do Tailwind e do CSS (distância OKLab).
- emerald-800#006045
- teal-800#005F5A
- v3 teal-800#115E59
- v3 green-800#166534
- green-800#016630
- v3 green-900#14532D
- green-900#0D542B
- emerald-900#004F3B
Mais claro e mais escuro, mesmo matiz e croma
- #227056 · oklch(0.492 0.086 166.9) · ΔL +0.06
- #004E36 · oklch(0.372 0.086 166.9) · ΔL −0.06