Adlandırılmış renk · #DEE1D3
Moss Mist
Moss Mist, #DEE1D3: rgb(222 225 211), hsl(73 19% 85%), oklch(0.904 0.019 116.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? → · Moss Mist color name →
#DEE1D3
oklch(0.904 0.019 116.6)
Renk dönüşümleri
- HEX
- #dee1d3
- RGB
- rgb(222 225 211)
- HSL
- hsl(73 19% 85%)
- HWB
- hwb(73 83% 12%)
- OKLCH
- oklch(0.904 0.019 116.6)
- OKLab
- oklab(0.904 -0.009 0.017)
- CIE Lab
- lab(89.01 -2.88 6.5)
- LCH
- lch(89.01 7.11 113.9)
- CMYK
- cmyk(1% 0% 6% 12%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E1E4D7
- E5E7DC
- E8EAE0
- EBEDE4
- EEF0E9
- F2F3ED
- F5F6F2
- F8F9F6
- FCFCFB
Koyu tonlar
- C1C4B7
- A5A79C
- 898B82
- 6F7069
- 555651
- 3D3E3A
- 262724
- 121210
- 020202
Gri tonlar
- D4D7CA
- CACDC2
- C1C3B9
- B7B9B1
- AEAFA9
- A4A6A0
- 9B9C98
- 929390
- 898988
Renk uyumları
Tamamlayıcı +180°
- DEE1D3
Moss Mist
- E0DDEB
≈ Artemis Silver
Analog -30° +30°
- DEE1D3
Moss Mist
- E5DFD1
≈ Cotton Knit
- D7E3D8
≈ Fleeting Green
Üçlü +120° +240°
- DEE1D3
Moss Mist
- D4E1EA
≈ Pale Grey Blue
- EADADF
≈ Relieved Red
Bölünmüş tamamlayıcı +150° +210°
- DEE1D3
Moss Mist
- D9DFEC
≈ Diluted Lilac
- E6DBE6
≈ Spangle
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.32:1 · APCA Lc 16
Ag
AAASiyah üzerinde
WCAG 15.81:1 · APCA Lc 88
En iyi metin rengi: #000000
WCAG 15.81:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
CSS
:root {
--moss-mist: #dee1d3;
--moss-mist-rgb: 222 225 211;
--moss-mist-oklch: oklch(0.904 0.019 116.6);
}
.element {
color: var(--moss-mist);
background-color: hsl(73 19% 85%);
border-color: oklch(0.904 0.019 116.6);
}Tailwind CSS v4
@theme {
--color-moss-mist: #dee1d3;
--color-moss-mist-50: #f4f6f0;
--color-moss-mist-100: #e7e9e2;
--color-moss-mist-200: #d3d5cc;
--color-moss-mist-300: #b6b9ae;
--color-moss-mist-400: #9da094;
--color-moss-mist-500: #85887a;
--color-moss-mist-600: #717367;
--color-moss-mist-700: #5a5c52;
--color-moss-mist-800: #42433c;
--color-moss-mist-900: #2e2e29;
--color-moss-mist-950: #1a1b17;
}SCSS
$moss-mist: #dee1d3;
$moss-mist-rgb: 222, 225, 211;
$moss-mist-light: mix(#fff, $moss-mist, 20%);
$moss-mist-dark: mix(#000, $moss-mist, 20%);
.element {
color: $moss-mist;
box-shadow: 0 0 0 2px rgba($moss-mist, 0.35);
}