Named color · #D2E2D5
Minty Delight
Minty Delight is #D2E2D5: rgb(210 226 213), hsl(131 22% 85%), oklch(0.897 0.024 151.2). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Minty Delight color name →
#D2E2D5
oklch(0.897 0.024 151.2)
Color conversions
- HEX
- #d2e2d5
- RGB
- rgb(210 226 213)
- HSL
- hsl(131 22% 85%)
- HWB
- hwb(131 82% 11%)
- OKLCH
- oklch(0.897 0.024 151.2)
- OKLab
- oklab(0.897 -0.021 0.012)
- CIE Lab
- lab(88.4 -7.32 4.45)
- LCH
- lch(88.4 8.57 148.7)
- CMYK
- cmyk(7% 0% 6% 11%)
Tints · Shades · Tones
Tints
- D6E5D9
- DBE8DD
- DFEBE1
- E4EEE6
- E8F0EA
- EDF3EE
- F1F6F2
- F6F9F7
- FAFCFB
Shades
- B6C4B9
- 9BA89E
- 818C83
- 68716A
- 505751
- 393E3A
- 242724
- 101210
- 020302
Tones
- C9D8CC
- C1CEC3
- B9C4BB
- B0BAB2
- A8B0AA
- A0A6A1
- 989C99
- 909390
- 888988
Color harmonies
Complementary +180°
- D2E2D5
Minty Delight
- E7D7E5
≈ Snuff
Analogous -30° +30°
- D2E2D5
Minty Delight
- DAE0CE
≈ Lime Spritz
- CDE3DE
≈ Big Sky
Triadic +120° +240°
- D2E2D5
Minty Delight
- D7DDEE
≈ Weeping Wisteria
- EDD8D3
≈ Fiesta
Split-complementary +150° +210°
- D2E2D5
Minty Delight
- E0DAEB
≈ Awakened
- ECD7DC
≈ Pale Rose
Tetradic +90° +180° +270°
- D2E2D5
Minty Delight
- CFE0EC
≈ Happy Thoughts
- E7D7E5
≈ Snuff
- EADACD
≈ Gobi Beige
Contrast & accessibility
Ag
FailOn white
WCAG 1.34:1 · APCA Lc 17
Ag
AAAOn black
WCAG 15.57:1 · APCA Lc 87
Best text color: #000000
WCAG 15.57:1 (AAA) · APCA Lc 87
Contrast pairs
Code snippets
CSS
:root {
--minty-delight: #d2e2d5;
--minty-delight-rgb: 210 226 213;
--minty-delight-oklch: oklch(0.897 0.024 151.2);
}
.element {
color: var(--minty-delight);
background-color: hsl(131 22% 85%);
border-color: oklch(0.897 0.024 151.2);
}Tailwind CSS v4
@theme {
--color-minty-delight: #d2e2d5;
--color-minty-delight-50: #f0f7f2;
--color-minty-delight-100: #e2eae4;
--color-minty-delight-200: #cdd7cf;
--color-minty-delight-300: #aebbb2;
--color-minty-delight-400: #94a397;
--color-minty-delight-500: #7b8b7e;
--color-minty-delight-600: #68766b;
--color-minty-delight-700: #535e55;
--color-minty-delight-800: #3d453e;
--color-minty-delight-900: #2a302a;
--color-minty-delight-950: #171c18;
}SCSS
$minty-delight: #d2e2d5;
$minty-delight-rgb: 210, 226, 213;
$minty-delight-light: mix(#fff, $minty-delight, 20%);
$minty-delight-dark: mix(#000, $minty-delight, 20%);
.element {
color: $minty-delight;
box-shadow: 0 0 0 2px rgba($minty-delight, 0.35);
}