Colore con nome · #EEE0DD
Powder Room
Powder Room è #EEE0DD: rgb(238 224 221), hsl(11 33% 90%), oklch(0.917 0.016 32). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Powder Room color name →
#EEE0DD
oklch(0.917 0.016 32)
Conversioni di colore
- HEX
- #eee0dd
- RGB
- rgb(238 224 221)
- HSL
- hsl(11 33% 90%)
- HWB
- hwb(11 87% 7%)
- OKLCH
- oklch(0.917 0.016 32)
- OKLab
- oklab(0.917 0.014 0.008)
- CIE Lab
- lab(90.25 4.57 3.28)
- LCH
- lch(90.25 5.62 35.7)
- CMYK
- cmyk(0% 6% 7% 7%)
Tinte · Ombre · Toni
Tinte
- F0E3E0
- F1E6E4
- F3E9E7
- F5ECEB
- F7EFEE
- F8F3F1
- FAF6F5
- FCF9F8
- FDFCFC
Ombre
- CFC3C0
- B1A6A4
- 938A88
- 77706E
- 5C5655
- 423E3D
- 2A2726
- 141211
- 030202
Toni
- E2D6D3
- D7CCCA
- CCC2C0
- C1B8B7
- B5AFAD
- ABA5A4
- A09C9B
- 959292
- 8A8989
Armonie di colore
Complementare +180°
- EEE0DD
Powder Room
- D8E7EA
≈ Soft Blue White
Analogo -30° +30°
- EEE0DD
Powder Room
- EDDFE3
≈ Barely Rose
- ECE1D9
≈ Landing
Triadico +120° +240°
- EEE0DD
Powder Room
- DCE7DE
≈ Spearmint Scent
- E0E3EF
≈ Iris Ice
Complementare divisa +150° +210°
- EEE0DD
Powder Room
- D9E7E4
≈ Icelandic Winter
- DBE5EE
≈ Space Wolves Grey
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.28:1 · APCA Lc 14
Ag
AAASu nero
WCAG 16.34:1 · APCA Lc 90
Miglior colore del testo: #000000
WCAG 16.34:1 (AAA) · APCA Lc 90
Contrast pairs
Frammenti di codice
CSS
:root {
--powder-room: #eee0dd;
--powder-room-rgb: 238 224 221;
--powder-room-oklch: oklch(0.917 0.016 32);
}
.element {
color: var(--powder-room);
background-color: hsl(11 33% 90%);
border-color: oklch(0.917 0.016 32);
}Tailwind CSS v4
@theme {
--color-powder-room: #eee0dd;
--color-powder-room-50: #faf4f2;
--color-powder-room-100: #ede6e4;
--color-powder-room-200: #dbd2d0;
--color-powder-room-300: #bfb5b2;
--color-powder-room-400: #a89b99;
--color-powder-room-500: #908380;
--color-powder-room-600: #7a6f6c;
--color-powder-room-700: #625856;
--color-powder-room-800: #48403f;
--color-powder-room-900: #322c2b;
--color-powder-room-950: #1e1919;
}SCSS
$powder-room: #eee0dd;
$powder-room-rgb: 238, 224, 221;
$powder-room-light: mix(#fff, $powder-room, 20%);
$powder-room-dark: mix(#000, $powder-room, 20%);
.element {
color: $powder-room;
box-shadow: 0 0 0 2px rgba($powder-room, 0.35);
}