Adlandırılmış renk · #E8D9CE
Malted Milk
Malted Milk, #E8D9CE: rgb(232 217 206), hsl(25 36% 86%), oklch(0.894 0.022 58.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Malted Milk color name →
#E8D9CE
oklch(0.894 0.022 58.8)
Renk dönüşümleri
- HEX
- #e8d9ce
- RGB
- rgb(232 217 206)
- HSL
- hsl(25 36% 86%)
- HWB
- hwb(25 81% 9%)
- OKLCH
- oklch(0.894 0.022 58.8)
- OKLab
- oklab(0.894 0.012 0.019)
- CIE Lab
- lab(87.7 3.98 7.39)
- LCH
- lch(87.7 8.39 61.7)
- CMYK
- cmyk(0% 6% 11% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EADDD3
- EDE1D8
- EFE4DD
- F1E8E1
- F4ECE6
- F6F0EB
- F8F4F0
- FAF7F5
- FDFBFA
Koyu tonlar
- CABCB3
- ACA198
- 90867F
- 746C66
- 59534E
- 403B38
- 292523
- 13110F
- 030202
Gri tonlar
- DDD0C6
- D2C7BE
- C8BDB6
- BDB4AE
- B3ABA6
- A8A39E
- 9E9A97
- 94918F
- 8A8988
Renk uyumları
Tamamlayıcı +180°
- E8D9CE
Malted Milk
- CFDFEA
≈ Happy Thoughts
Analog -30° +30°
- E8D9CE
Malted Milk
- EBD7D4
≈ Peach Glamour
- E2DCCC
≈ Catacomb Bone
Üçlü +120° +240°
- E8D9CE
Malted Milk
- CDE1DC
≈ Ice Bomb
- DED9E9
≈ Eyeshadow
Bölünmüş tamamlayıcı +150° +210°
- E8D9CE
Malted Milk
- CCE1E4
≈ Melting Point
- D6DCEC
≈ Weeping Wisteria
Dörtlü +90° +180° +270°
- E8D9CE
Malted Milk
- D3E1D4
≈ Misty Marsh
- CFDFEA
≈ Happy Thoughts
- E5D7E4
≈ Snuff
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.37:1 · APCA Lc 18
Ag
AAASiyah üzerinde
WCAG 15.24:1 · APCA Lc 85
En iyi metin rengi: #000000
WCAG 15.24:1 (AAA) · APCA Lc 85
Contrast pairs
Kod parçacıkları
CSS
:root {
--malted-milk: #e8d9ce;
--malted-milk-rgb: 232 217 206;
--malted-milk-oklch: oklch(0.894 0.022 58.8);
}
.element {
color: var(--malted-milk);
background-color: hsl(25 36% 86%);
border-color: oklch(0.894 0.022 58.8);
}Tailwind CSS v4
@theme {
--color-malted-milk: #e8d9ce;
--color-malted-milk-50: #faf4ef;
--color-malted-milk-100: #eee6e1;
--color-malted-milk-200: #dcd2cb;
--color-malted-milk-300: #c0b5ac;
--color-malted-milk-400: #a99c92;
--color-malted-milk-500: #928378;
--color-malted-milk-600: #7b6f66;
--color-malted-milk-700: #635951;
--color-malted-milk-800: #49413b;
--color-malted-milk-900: #322c28;
--color-malted-milk-950: #1e1a16;
}SCSS
$malted-milk: #e8d9ce;
$malted-milk-rgb: 232, 217, 206;
$malted-milk-light: mix(#fff, $malted-milk, 20%);
$malted-milk-dark: mix(#000, $malted-milk, 20%);
.element {
color: $malted-milk;
box-shadow: 0 0 0 2px rgba($malted-milk, 0.35);
}