Nearest named color · #DEE9D7
#DEE9D7
Nearest named color: Homoeopathic Green
#DEE9D7 (rgb(222 233 215), hsl(97 29% 88%), oklch(0.921 0.027 133)) is closest to the named color Homoeopathic Green. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#DEE9D7
oklch(0.921 0.027 133)
Color conversions
- HEX
- #dee9d7
- RGB
- rgb(222 233 215)
- HSL
- hsl(97 29% 88%)
- HWB
- hwb(97 84% 9%)
- OKLCH
- oklch(0.921 0.027 133)
- OKLab
- oklab(0.921 -0.018 0.02)
- CIE Lab
- lab(91.14 -6.19 7.45)
- LCH
- lch(91.14 9.69 129.7)
- CMYK
- cmyk(5% 0% 8% 9%)
Tints · Shades · Tones
Tints
- E1EBDB
- E5EDDF
- E8F0E3
- EBF2E7
- EEF4EB
- F2F6EF
- F5F8F3
- F8FBF7
- FCFDFB
Shades
- C1CBBB
- A5AD9F
- 899085
- 6F746B
- 555A52
- 3D413B
- 262925
- 121311
- 020302
Tones
- D4DECE
- CAD3C5
- C1C8BC
- B7BEB3
- AEB3AB
- A4A9A2
- 9B9E99
- 929491
- 898A88
Color harmonies
Complementary +180°
- DEE9D7
Homoeopathic Green
- EBE0F2
≈ Sheer Lavender
Analogous -30° +30°
- DEE9D7
Homoeopathic Green
- E8E6D2
≈ Minified Mustard
- D6EBE0
≈ Icy Glacier
Triadic +120° +240°
- DEE9D7
Homoeopathic Green
- D9E6F7
≈ Icicle Veil
- F6DEE0
≈ Blowing Kisses
Split-complementary +150° +210°
- DEE9D7
Homoeopathic Green
- E2E3F7
≈ Lavender Mist
- F3DEE9
≈ Mellow Flower
Tetradic +90° +180° +270°
- DEE9D7
Homoeopathic Green
- D3E9F2
≈ Ice Cold
- EBE0F2
≈ Sheer Lavender
- F5E0D7
≈ Summer Blush
Contrast & accessibility
Ag
FailOn white
WCAG 1.25:1 · APCA Lc 13
Ag
AAAOn black
WCAG 16.74:1 · APCA Lc 91
Best text color: #000000
WCAG 16.74:1 (AAA) · APCA Lc 91
Contrast pairs
Code snippets
CSS
:root {
--homoeopathic-green: #dee9d7;
--homoeopathic-green-rgb: 222 233 215;
--homoeopathic-green-oklch: oklch(0.921 0.027 133);
}
.element {
color: var(--homoeopathic-green);
background-color: hsl(97 29% 88%);
border-color: oklch(0.921 0.027 133);
}Tailwind CSS v4
@theme {
--color-homoeopathic-green: #dee9d7;
--color-homoeopathic-green-50: #f2f7ef;
--color-homoeopathic-green-100: #e4eae1;
--color-homoeopathic-green-200: #cfd7cc;
--color-homoeopathic-green-300: #b2bbad;
--color-homoeopathic-green-400: #98a292;
--color-homoeopathic-green-500: #7f8a78;
--color-homoeopathic-green-600: #6c7566;
--color-homoeopathic-green-700: #565e51;
--color-homoeopathic-green-800: #3f443b;
--color-homoeopathic-green-900: #2b2f28;
--color-homoeopathic-green-950: #191c16;
}SCSS
$homoeopathic-green: #dee9d7;
$homoeopathic-green-rgb: 222, 233, 215;
$homoeopathic-green-light: mix(#fff, $homoeopathic-green, 20%);
$homoeopathic-green-dark: mix(#000, $homoeopathic-green, 20%);
.element {
color: $homoeopathic-green;
box-shadow: 0 0 0 2px rgba($homoeopathic-green, 0.35);
}