Adlandırılmış renk · #EDEBDE
Moth Mist
Moth Mist, #EDEBDE: rgb(237 235 222), hsl(52 29% 90%), oklch(0.938 0.017 99.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Moth Mist color name →
#EDEBDE
oklch(0.938 0.017 99.6)
Renk dönüşümleri
- HEX
- #edebde
- RGB
- rgb(237 235 222)
- HSL
- hsl(52 29% 90%)
- HWB
- hwb(52 87% 7%)
- OKLCH
- oklch(0.938 0.017 99.6)
- OKLab
- oklab(0.938 -0.003 0.017)
- CIE Lab
- lab(92.94 -0.97 6.58)
- LCH
- lch(92.94 6.65 98.4)
- CMYK
- cmyk(0% 1% 6% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EFEDE1
- F1EFE5
- F2F1E8
- F4F3EB
- F6F5EE
- F8F7F2
- FAF9F5
- FBFBF8
- FDFDFC
Koyu tonlar
- CECCC1
- B0AEA5
- 939189
- 77756F
- 5C5B55
- 42413D
- 2A2926
- 141312
- 030302
Gri tonlar
- E2E0D4
- D6D5CA
- CBCAC1
- C0BFB7
- B5B4AE
- AAA9A4
- 9F9F9B
- 959492
- 8A8A89
Renk uyumları
Tamamlayıcı +180°
- EDEBDE
Moth Mist
- E8EAF6
≈ Icy Lilac
Analog -30° +30°
- EDEBDE
Moth Mist
- F2E9DE
≈ Tangelo Cream
- E7EDE1
≈ At Ease
Üçlü +120° +240°
- EDEBDE
Moth Mist
- DFEEF3
≈ Diamond White
- F3E6EE
≈ Amour Frais
Bölünmüş tamamlayıcı +150° +210°
- EDEBDE
Moth Mist
- E2ECF6
≈ Out Cold
- EEE8F4
≈ Tranquil Eve
Dörtlü +90° +180° +270°
- EDEBDE
Moth Mist
- DEEFED
≈ Free Spirit
- E8EAF6
≈ Icy Lilac
- F6E6E8
≈ Amour Frais
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.19:1 · APCA Lc 10
Ag
AAASiyah üzerinde
WCAG 17.53:1 · APCA Lc 95
En iyi metin rengi: #000000
WCAG 17.53:1 (AAA) · APCA Lc 95
Contrast pairs
Kod parçacıkları
CSS
:root {
--moth-mist: #edebde;
--moth-mist-rgb: 237 235 222;
--moth-mist-oklch: oklch(0.938 0.017 99.6);
}
.element {
color: var(--moth-mist);
background-color: hsl(52 29% 90%);
border-color: oklch(0.938 0.017 99.6);
}Tailwind CSS v4
@theme {
--color-moth-mist: #edebde;
--color-moth-mist-50: #f6f5f0;
--color-moth-mist-100: #e9e8e2;
--color-moth-mist-200: #d5d5cc;
--color-moth-mist-300: #b9b8ae;
--color-moth-mist-400: #a19f93;
--color-moth-mist-500: #89877a;
--color-moth-mist-600: #747267;
--color-moth-mist-700: #5c5b52;
--color-moth-mist-800: #44423c;
--color-moth-mist-900: #2f2e29;
--color-moth-mist-950: #1b1b17;
}SCSS
$moth-mist: #edebde;
$moth-mist-rgb: 237, 235, 222;
$moth-mist-light: mix(#fff, $moth-mist, 20%);
$moth-mist-dark: mix(#000, $moth-mist, 20%);
.element {
color: $moth-mist;
box-shadow: 0 0 0 2px rgba($moth-mist, 0.35);
}