Named color · #E8F3E4
Dinner Mint
Dinner Mint is #E8F3E4: rgb(232 243 228), hsl(104 38% 92%), oklch(0.952 0.023 137.2). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Dinner Mint color name →
#E8F3E4
oklch(0.952 0.023 137.2)
Color conversions
- HEX
- #e8f3e4
- RGB
- rgb(232 243 228)
- HSL
- hsl(104 38% 92%)
- HWB
- hwb(104 89% 5%)
- OKLCH
- oklch(0.952 0.023 137.2)
- OKLab
- oklab(0.952 -0.017 0.016)
- CIE Lab
- lab(94.7 -5.76 5.93)
- LCH
- lch(94.7 8.27 134.1)
- CMYK
- cmyk(5% 0% 6% 5%)
Tints · Shades · Tones
Tints
- EAF4E7
- EDF5E9
- EFF7EC
- F1F8EF
- F3F9F1
- F6FAF4
- F8FBF7
- FAFDFA
- FDFEFC
Shades
- CAD3C6
- ACB4A9
- 90978D
- 747A72
- 595E58
- 40443F
- 292B28
- 131412
- 030303
Tones
- DDE7DA
- D2DBCF
- C8CFC5
- BDC3BB
- B3B8B1
- A8ACA7
- 9EA19D
- 949693
- 8A8B8A
Color harmonies
Complementary +180°
- E8F3E4
Dinner Mint
- F6EBFA
≈ Placebo Fuchsia
Analogous -30° +30°
- E8F3E4
Dinner Mint
- F0F0DF
≈ Gorā White
- E1F4EC
≈ Bath Bubbles
Triadic +120° +240°
- E8F3E4
Dinner Mint
- E6F0FF
≈ Cotton Boll
- FEE9E9
≈ Pink Sparkle
Split-complementary +150° +210°
- E8F3E4
Dinner Mint
- EEEDFE
≈ Carte Blanche
- FCE9F2
≈ Placebo Magenta
Tetradic +90° +180° +270°
- E8F3E4
Dinner Mint
- E0F3FB
≈ Wizard White
- F6EBFA
≈ Placebo Fuchsia
- FDEBE2
≈ Soft Pink Mist
Contrast & accessibility
Ag
FailOn white
WCAG 1.14:1 · APCA Lc 0
Ag
AAAOn black
WCAG 18.37:1 · APCA Lc 98
Best text color: #000000
WCAG 18.37:1 (AAA) · APCA Lc 98
Contrast pairs
Code snippets
CSS
:root {
--dinner-mint: #e8f3e4;
--dinner-mint-rgb: 232 243 228;
--dinner-mint-oklch: oklch(0.952 0.023 137.2);
}
.element {
color: var(--dinner-mint);
background-color: hsl(104 38% 92%);
border-color: oklch(0.952 0.023 137.2);
}Tailwind CSS v4
@theme {
--color-dinner-mint: #e8f3e4;
--color-dinner-mint-50: #f2f7f1;
--color-dinner-mint-100: #e4eae3;
--color-dinner-mint-200: #cfd7cd;
--color-dinner-mint-300: #b2baaf;
--color-dinner-mint-400: #98a295;
--color-dinner-mint-500: #7f8a7b;
--color-dinner-mint-600: #6c7568;
--color-dinner-mint-700: #565d53;
--color-dinner-mint-800: #3f443c;
--color-dinner-mint-900: #2b2f29;
--color-dinner-mint-950: #191c17;
}SCSS
$dinner-mint: #e8f3e4;
$dinner-mint-rgb: 232, 243, 228;
$dinner-mint-light: mix(#fff, $dinner-mint, 20%);
$dinner-mint-dark: mix(#000, $dinner-mint, 20%);
.element {
color: $dinner-mint;
box-shadow: 0 0 0 2px rgba($dinner-mint, 0.35);
}