Adlandırılmış renk · #EEE0DD
Powder Room
Powder Room, #EEE0DD: rgb(238 224 221), hsl(11 33% 90%), oklch(0.917 0.016 32). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Powder Room color name →
#EEE0DD
oklch(0.917 0.016 32)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F0E3E0
- F1E6E4
- F3E9E7
- F5ECEB
- F7EFEE
- F8F3F1
- FAF6F5
- FCF9F8
- FDFCFC
Koyu tonlar
- CFC3C0
- B1A6A4
- 938A88
- 77706E
- 5C5655
- 423E3D
- 2A2726
- 141211
- 030202
Gri tonlar
- E2D6D3
- D7CCCA
- CCC2C0
- C1B8B7
- B5AFAD
- ABA5A4
- A09C9B
- 959292
- 8A8989
Renk uyumları
Tamamlayıcı +180°
- EEE0DD
Powder Room
- D8E7EA
≈ Soft Blue White
Analog -30° +30°
- EEE0DD
Powder Room
- EDDFE3
≈ Barely Rose
- ECE1D9
≈ Landing
Üçlü +120° +240°
- EEE0DD
Powder Room
- DCE7DE
≈ Spearmint Scent
- E0E3EF
≈ Iris Ice
Bölünmüş tamamlayıcı +150° +210°
- EEE0DD
Powder Room
- D9E7E4
≈ Icelandic Winter
- DBE5EE
≈ Space Wolves Grey
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.28:1 · APCA Lc 14
Ag
AAASiyah üzerinde
WCAG 16.34:1 · APCA Lc 90
En iyi metin rengi: #000000
WCAG 16.34:1 (AAA) · APCA Lc 90
Contrast pairs
Kod parçacıkları
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);
}