En yakın adlandırılmış renk · #DEE9D7
#DEE9D7
En yakın adlandırılmış renk: Homoeopathic Green
#DEE9D7 (rgb(222 233 215), hsl(97 29% 88%), oklch(0.921 0.027 133)) en çok Homoeopathic Green adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#DEE9D7
oklch(0.921 0.027 133)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E1EBDB
- E5EDDF
- E8F0E3
- EBF2E7
- EEF4EB
- F2F6EF
- F5F8F3
- F8FBF7
- FCFDFB
Koyu tonlar
- C1CBBB
- A5AD9F
- 899085
- 6F746B
- 555A52
- 3D413B
- 262925
- 121311
- 020302
Gri tonlar
- D4DECE
- CAD3C5
- C1C8BC
- B7BEB3
- AEB3AB
- A4A9A2
- 9B9E99
- 929491
- 898A88
Renk uyumları
Tamamlayıcı +180°
- DEE9D7
Homoeopathic Green
- EBE0F2
≈ Sheer Lavender
Analog -30° +30°
- DEE9D7
Homoeopathic Green
- E8E6D2
≈ Minified Mustard
- D6EBE0
≈ Icy Glacier
Üçlü +120° +240°
- DEE9D7
Homoeopathic Green
- D9E6F7
≈ Icicle Veil
- F6DEE0
≈ Blowing Kisses
Bölünmüş tamamlayıcı +150° +210°
- DEE9D7
Homoeopathic Green
- E2E3F7
≈ Lavender Mist
- F3DEE9
≈ Mellow Flower
Dörtlü +90° +180° +270°
- DEE9D7
Homoeopathic Green
- D3E9F2
≈ Ice Cold
- EBE0F2
≈ Sheer Lavender
- F5E0D7
≈ Summer Blush
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.25:1 · APCA Lc 13
Ag
AAASiyah üzerinde
WCAG 16.74:1 · APCA Lc 91
En iyi metin rengi: #000000
WCAG 16.74:1 (AAA) · APCA Lc 91
Contrast pairs
Kod parçacıkları
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);
}