RGB para HEX: #FAEBD7
Também conhecida como: CSS antiquewhite
Resultado
rgb(250 235 215) → #FAEBD7
Os valores aparecem com precisão total, então converter de volta dá exatamente #faebd7. 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 = 250 = 15×16 + 10 → FA G = 235 = 14×16 + 11 → EB B = 215 = 13×16 + 7 → D7
2. pairs → HEX
FA EB D7 → #FAEBD7
Todos os formatos
- HEX
- #faebd7
- RGB
- rgb(250 235 215)
- RGB (legacy)
- rgb(250, 235, 215)
- HSL
- hsl(34.29 77.78% 91.18%) → hsl(34 78% 91%)
- HWB
- hwb(34 84% 2%)
- OKLCH
- oklch(0.947 0.031 75.2) · oklch(94.7% 0.031 75.2)
- OKLab
- oklab(0.947 0.008 0.030)
- Lab (D50)
- lab(93.86 2.86 11.66)
- LCH (D50)
- lch(93.86 12.01 76.22)
- Display P3
- color(display-p3 0.9703 0.9236 0.8517)
- Linear sRGB
- color(srgb-linear 0.9560 0.8308 0.6795)
Gamut: sRGB e Display P3
#FAEBD7 é 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.043 e o Display P3 a 0.055; esta cor usa 71% do croma sRGB disponível.
Trechos de CSS
.element {
color: #faebd7;
color: rgb(250 235 215);
color: hsl(34 78% 91%);
color: oklch(0.947 0.031 75.2);
}
/* Tailwind CSS v4 */
@theme {
--color-brand: oklch(0.947 0.031 75.2);
}
/* arbitrary values */
class="text-[#faebd7] bg-[oklch(0.947_0.031_75.2)]"
/* wide-gamut screens */
@media (color-gamut: p3) {
.element { color: color(display-p3 0.9703 0.9236 0.8517); }
}
/* relative color syntax: 10% darker */
.element-dark { color: oklch(from #faebd7 calc(l - 0.1) c h); }Cores próximas
Cores mais próximas nas paletas do Tailwind e do CSS (distância OKLab).
- v3 orange-100#FFEDD5
- orange-100#FFEDD4
- papayawhip#FFEFD5
- blanchedalmond#FFEBCD
- linen#FAF0E6
- beige#F5F5DC
- bisque#FFE4C4
- mistyrose#FFE4E1
Mais claro e mais escuro, mesmo matiz e croma
- #FFFDE9 · oklch(1.000 0.031 75.2) · ΔL +0.06
- #E6D7C4 · oklch(0.887 0.031 75.2) · ΔL −0.06