Named color · #D2E6D3
Herbal Mist
Herbal Mist is #D2E6D3: rgb(210 230 211), hsl(123 29% 86%), oklch(0.905 0.033 146.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Herbal Mist color name →
#D2E6D3
oklch(0.905 0.033 146.7)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- D6E8D7
- DBEBDC
- DFEDE0
- E4F0E4
- E8F2E9
- EDF5ED
- F1F7F2
- F6FAF6
- FAFCFB
Shades
- B6C8B7
- 9BAB9C
- 818E82
- 687369
- 505951
- 39403A
- 242824
- 101310
- 020302
Tones
- CADBCA
- C1D1C2
- B9C6B9
- B0BCB1
- A8B2A9
- A0A8A0
- 989D98
- 909490
- 888A88
Color harmonies
Complementary +180°
- D2E6D3
Herbal Mist
- ECD8EB
≈ All Made Up
Analogous -30° +30°
- D2E6D3
Herbal Mist
- DEE3CA
≈ Aloe Nectar
- CAE7DF
≈ Light Short Phase
Triadic +120° +240°
- D2E6D3
Herbal Mist
- D5E0F7
≈ Puffy Cloud
- F5D8D4
≈ Scented Valentine
Split-complementary +150° +210°
- D2E6D3
Herbal Mist
- E1DCF4
≈ Chinese Silver
- F3D7E0
≈ Brittany’s Bow
Tetradic +90° +180° +270°
- D2E6D3
Herbal Mist
- CCE4F3
≈ Salty Ice
- ECD8EB
≈ All Made Up
- F2DBCB
≈ Winners Shower
Contrast & accessibility
Ag
FailOn white
WCAG 1.31:1 · APCA Lc 15
Ag
AAAOn black
WCAG 15.99:1 · APCA Lc 88
Best text color: #000000
WCAG 15.99:1 (AAA) · APCA Lc 88
Contrast pairs
Code snippets
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);
}