Cor nomeada · #FBEFDA
Desert Powder
Desert Powder é #FBEFDA: rgb(251 239 218), hsl(38 80% 92%), oklch(0.956 0.031 81.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Desert Powder color name →
#FBEFDA
oklch(0.956 0.031 81.8)
Conversões de cor
- HEX
- #fbefda
- RGB
- rgb(251 239 218)
- HSL
- hsl(38 80% 92%)
- HWB
- hwb(38 85% 2%)
- OKLCH
- oklch(0.956 0.031 81.8)
- OKLab
- oklab(0.956 0.004 0.03)
- CIE Lab
- lab(94.99 1.65 11.72)
- LCH
- lch(94.99 11.84 82)
- CMYK
- cmyk(0% 5% 13% 2%)
Tons claros · Sombras · Tons
Tons claros
- FBF1DE
- FCF2E1
- FCF4E5
- FDF5E9
- FDF7ED
- FDF9F0
- FEFAF4
- FEFCF8
- FFFDFB
Sombras
- DAD0BD
- BAB1A2
- 9C9487
- 7E786C
- 615C54
- 46423C
- 2D2A25
- 151411
- 030302
Tons
- EEE3D1
- E1D8C7
- D5CCBE
- C8C1B5
- BCB6AC
- AFABA3
- A3A09A
- 979591
- 8C8B89
Harmonias de cor
Complementar +180°
- FBEFDA
Desert Powder
- E9F1FF
≈ Cotton Boll
Análoga -30° +30°
- FBEFDA
Desert Powder
- FFECE2
≈ Pink Glow
- F1F3DC
≈ Cream Clear
Tríade +120° +240°
- FBEFDA
Desert Powder
- DAF7F9
≈ Fishious Rend
- FBEAFD
≈ Placebo Fuchsia
Complementar dividida +150° +210°
- FBEFDA
Desert Powder
- E0F4FF
≈ Wizard White
- F0EEFF
≈ Foundation White
Tétrade +90° +180° +270°
- FBEFDA
Desert Powder
- DDF8EE
≈ Frosty Mint
- E9F1FF
≈ Cotton Boll
- FFEAF2
≈ Fairy Wings
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.13:1 · APCA Lc 0
Ag
AAASobre preto
WCAG 18.46:1 · APCA Lc 98
Melhor cor de texto: #000000
WCAG 18.46:1 (AAA) · APCA Lc 98
Contrast pairs
Trechos de código
CSS
:root {
--desert-powder: #fbefda;
--desert-powder-rgb: 251 239 218;
--desert-powder-oklch: oklch(0.956 0.031 81.8);
}
.element {
color: var(--desert-powder);
background-color: hsl(38 80% 92%);
border-color: oklch(0.956 0.031 81.8);
}Tailwind CSS v4
@theme {
--color-desert-powder: #fbefda;
--color-desert-powder-50: #f9f5ec;
--color-desert-powder-100: #ede7dd;
--color-desert-powder-200: #dad3c6;
--color-desert-powder-300: #bfb6a6;
--color-desert-powder-400: #a89d8a;
--color-desert-powder-500: #908570;
--color-desert-powder-600: #7a705f;
--color-desert-powder-700: #625a4c;
--color-desert-powder-800: #484137;
--color-desert-powder-900: #322d25;
--color-desert-powder-950: #1e1a14;
}SCSS
$desert-powder: #fbefda;
$desert-powder-rgb: 251, 239, 218;
$desert-powder-light: mix(#fff, $desert-powder, 20%);
$desert-powder-dark: mix(#000, $desert-powder, 20%);
.element {
color: $desert-powder;
box-shadow: 0 0 0 2px rgba($desert-powder, 0.35);
}