Colore con nome · #FBEFDA
Desert Powder
Desert Powder è #FBEFDA: rgb(251 239 218), hsl(38 80% 92%), oklch(0.956 0.031 81.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Desert Powder color name →
#FBEFDA
oklch(0.956 0.031 81.8)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- FBF1DE
- FCF2E1
- FCF4E5
- FDF5E9
- FDF7ED
- FDF9F0
- FEFAF4
- FEFCF8
- FFFDFB
Ombre
- DAD0BD
- BAB1A2
- 9C9487
- 7E786C
- 615C54
- 46423C
- 2D2A25
- 151411
- 030302
Toni
- EEE3D1
- E1D8C7
- D5CCBE
- C8C1B5
- BCB6AC
- AFABA3
- A3A09A
- 979591
- 8C8B89
Armonie di colore
Complementare +180°
- FBEFDA
Desert Powder
- E9F1FF
≈ Cotton Boll
Analogo -30° +30°
- FBEFDA
Desert Powder
- FFECE2
≈ Pink Glow
- F1F3DC
≈ Cream Clear
Triadico +120° +240°
- FBEFDA
Desert Powder
- DAF7F9
≈ Fishious Rend
- FBEAFD
≈ Placebo Fuchsia
Complementare divisa +150° +210°
- FBEFDA
Desert Powder
- E0F4FF
≈ Wizard White
- F0EEFF
≈ Foundation White
Tetradico +90° +180° +270°
- FBEFDA
Desert Powder
- DDF8EE
≈ Frosty Mint
- E9F1FF
≈ Cotton Boll
- FFEAF2
≈ Fairy Wings
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.13:1 · APCA Lc 0
Ag
AAASu nero
WCAG 18.46:1 · APCA Lc 98
Miglior colore del testo: #000000
WCAG 18.46:1 (AAA) · APCA Lc 98
Contrast pairs
Frammenti di codice
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);
}