Cor nomeada · #FAF3DD
Vanilla Powder
Vanilla Powder é #FAF3DD: rgb(250 243 221), hsl(46 74% 92%), oklch(0.964 0.03 92.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Vanilla Powder color name →
#FAF3DD
oklch(0.964 0.03 92.3)
Conversões de cor
- HEX
- #faf3dd
- RGB
- rgb(250 243 221)
- HSL
- hsl(46 74% 92%)
- HWB
- hwb(46 87% 2%)
- OKLCH
- oklch(0.964 0.03 92.3)
- OKLab
- oklab(0.964 -0.001 0.03)
- CIE Lab
- lab(95.96 -0.27 11.53)
- LCH
- lch(95.96 11.53 91.3)
- CMYK
- cmyk(0% 3% 12% 2%)
Tons claros · Sombras · Tons
Tons claros
- FAF4E0
- FBF5E4
- FBF7E7
- FCF8EB
- FCF9EE
- FDFAF1
- FDFBF5
- FEFDF8
- FEFEFC
Sombras
- D9D3C0
- BAB4A4
- 9B9788
- 7D7A6E
- 615E55
- 46443D
- 2D2B26
- 151411
- 030302
Tons
- EDE7D3
- E0DBCA
- D4CFC0
- C7C3B7
- BBB8AD
- AFACA4
- A3A19B
- 979692
- 8B8B89
Harmonias de cor
Complementar +180°
- FAF3DD
Vanilla Powder
- EFF3FF
≈ Placebo Blue
Análoga -30° +30°
- FAF3DD
Vanilla Powder
- FFF0E4
≈ Rice Pudding
- EFF7E1
≈ Lemon Sugar
Tríade +120° +240°
- FAF3DD
Vanilla Powder
- DDF9FF
≈ Glacial Day
- FFEDFB
≈ Partial Pink
Complementar dividida +150° +210°
- FAF3DD
Vanilla Powder
- E9F5FF
≈ Moon White
- F5F0FF
≈ Cloud Break
Tétrade +90° +180° +270°
- FAF3DD
Vanilla Powder
- DEFAF5
≈ Mint Condition
- EFF3FF
≈ Placebo Blue
- FFEEF2
≈ Sugar Coated
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.10:1 · APCA Lc 0
Ag
AAASobre preto
WCAG 18.92:1 · APCA Lc 100
Melhor cor de texto: #000000
WCAG 18.92:1 (AAA) · APCA Lc 100
Contrast pairs
Trechos de código
CSS
:root {
--vanilla-powder: #faf3dd;
--vanilla-powder-rgb: 250 243 221;
--vanilla-powder-oklch: oklch(0.964 0.03 92.3);
}
.element {
color: var(--vanilla-powder);
background-color: hsl(46 74% 92%);
border-color: oklch(0.964 0.03 92.3);
}Tailwind CSS v4
@theme {
--color-vanilla-powder: #faf3dd;
--color-vanilla-powder-50: #f8f5ec;
--color-vanilla-powder-100: #ebe8dd;
--color-vanilla-powder-200: #d8d4c6;
--color-vanilla-powder-300: #bcb7a7;
--color-vanilla-powder-400: #a49e8b;
--color-vanilla-powder-500: #8d8670;
--color-vanilla-powder-600: #77715f;
--color-vanilla-powder-700: #5f5b4c;
--color-vanilla-powder-800: #464237;
--color-vanilla-powder-900: #312e25;
--color-vanilla-powder-950: #1d1a14;
}SCSS
$vanilla-powder: #faf3dd;
$vanilla-powder-rgb: 250, 243, 221;
$vanilla-powder-light: mix(#fff, $vanilla-powder, 20%);
$vanilla-powder-dark: mix(#000, $vanilla-powder, 20%);
.element {
color: $vanilla-powder;
box-shadow: 0 0 0 2px rgba($vanilla-powder, 0.35);
}