Adlandırılmış renk · #D2E6D3
Herbal Mist
Herbal Mist, #D2E6D3: rgb(210 230 211), hsl(123 29% 86%), oklch(0.905 0.033 146.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Herbal Mist color name →
#D2E6D3
oklch(0.905 0.033 146.7)
Renk dönüşümleri
- HEX
- #d2e6d3
- RGB
- rgb(210 230 211)
- HSL
- hsl(123 29% 86%)
- HWB
- hwb(123 82% 10%)
- OKLCH
- oklch(0.905 0.033 146.7)
- OKLab
- oklab(0.905 -0.028 0.018)
- CIE Lab
- lab(89.4 -9.48 6.91)
- LCH
- lch(89.4 11.74 143.9)
- CMYK
- cmyk(9% 0% 8% 10%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D6E8D7
- DBEBDC
- DFEDE0
- E4F0E4
- E8F2E9
- EDF5ED
- F1F7F2
- F6FAF6
- FAFCFB
Koyu tonlar
- B6C8B7
- 9BAB9C
- 818E82
- 687369
- 505951
- 39403A
- 242824
- 101310
- 020302
Gri tonlar
- CADBCA
- C1D1C2
- B9C6B9
- B0BCB1
- A8B2A9
- A0A8A0
- 989D98
- 909490
- 888A88
Renk uyumları
Tamamlayıcı +180°
- D2E6D3
Herbal Mist
- ECD8EB
≈ All Made Up
Analog -30° +30°
- D2E6D3
Herbal Mist
- DEE3CA
≈ Aloe Nectar
- CAE7DF
≈ Light Short Phase
Üçlü +120° +240°
- D2E6D3
Herbal Mist
- D5E0F7
≈ Puffy Cloud
- F5D8D4
≈ Scented Valentine
Bölünmüş tamamlayıcı +150° +210°
- D2E6D3
Herbal Mist
- E1DCF4
≈ Chinese Silver
- F3D7E0
≈ Brittany’s Bow
Dörtlü +90° +180° +270°
- D2E6D3
Herbal Mist
- CCE4F3
≈ Salty Ice
- ECD8EB
≈ All Made Up
- F2DBCB
≈ Winners Shower
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.31:1 · APCA Lc 15
Ag
AAASiyah üzerinde
WCAG 15.99:1 · APCA Lc 88
En iyi metin rengi: #000000
WCAG 15.99:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
CSS
:root {
--herbal-mist: #d2e6d3;
--herbal-mist-rgb: 210 230 211;
--herbal-mist-oklch: oklch(0.905 0.033 146.7);
}
.element {
color: var(--herbal-mist);
background-color: hsl(123 29% 86%);
border-color: oklch(0.905 0.033 146.7);
}Tailwind CSS v4
@theme {
--color-herbal-mist: #d2e6d3;
--color-herbal-mist-50: #eff8f0;
--color-herbal-mist-100: #e1ebe2;
--color-herbal-mist-200: #cbd8cd;
--color-herbal-mist-300: #acbcae;
--color-herbal-mist-400: #92a493;
--color-herbal-mist-500: #788c79;
--color-herbal-mist-600: #667767;
--color-herbal-mist-700: #515f52;
--color-herbal-mist-800: #3b463b;
--color-herbal-mist-900: #293029;
--color-herbal-mist-950: #171c17;
}SCSS
$herbal-mist: #d2e6d3;
$herbal-mist-rgb: 210, 230, 211;
$herbal-mist-light: mix(#fff, $herbal-mist, 20%);
$herbal-mist-dark: mix(#000, $herbal-mist, 20%);
.element {
color: $herbal-mist;
box-shadow: 0 0 0 2px rgba($herbal-mist, 0.35);
}