Adlandırılmış renk · #DEE7D4
Hollywood Asparagus
Hollywood Asparagus, #DEE7D4: rgb(222 231 212), hsl(88 28% 87%), oklch(0.916 0.027 127.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Hollywood Asparagus color name →
#DEE7D4
oklch(0.916 0.027 127.8)
Renk dönüşümleri
- HEX
- #dee7d4
- RGB
- rgb(222 231 212)
- HSL
- hsl(88 28% 87%)
- HWB
- hwb(88 83% 9%)
- OKLCH
- oklch(0.916 0.027 127.8)
- OKLab
- oklab(0.916 -0.017 0.021)
- CIE Lab
- lab(90.56 -5.62 8.19)
- LCH
- lch(90.56 9.94 124.5)
- CMYK
- cmyk(4% 0% 8% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E1E9D8
- E5ECDD
- E8EEE1
- EBF1E5
- EEF3E9
- F2F5EE
- F5F8F2
- F8FAF6
- FCFDFB
Koyu tonlar
- C1C9B8
- A5AB9D
- 898F83
- 6F7369
- 555951
- 3D403A
- 262824
- 121310
- 020302
Gri tonlar
- D4DCCB
- CAD2C3
- C1C7BA
- B7BDB2
- AEB2A9
- A4A8A1
- 9B9E98
- 929490
- 898A88
Renk uyumları
Tamamlayıcı +180°
- DEE7D4
Hollywood Asparagus
- E8DFF2
≈ Lingering Lilac
Analog -30° +30°
- DEE7D4
Hollywood Asparagus
- E8E4D0
≈ Desert Smog
- D5E9DC
≈ Light Enchanted
Üçlü +120° +240°
- DEE7D4
Hollywood Asparagus
- D6E5F5
≈ Snowdrift Glow
- F4DCE0
≈ Minified Blush
Bölünmüş tamamlayıcı +150° +210°
- DEE7D4
Hollywood Asparagus
- DEE2F6
≈ Imagination
- F0DDEA
≈ Maiden of the Mist
Dörtlü +90° +180° +270°
- DEE7D4
Hollywood Asparagus
- D0E8EF
≈ On Thin Ice
- E8DFF2
≈ Lingering Lilac
- F4DED7
≈ Light Fairy Pink
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.27:1 · APCA Lc 14
Ag
AAASiyah üzerinde
WCAG 16.48:1 · APCA Lc 90
En iyi metin rengi: #000000
WCAG 16.48:1 (AAA) · APCA Lc 90
Contrast pairs
Kod parçacıkları
CSS
:root {
--hollywood-asparagus: #dee7d4;
--hollywood-asparagus-rgb: 222 231 212;
--hollywood-asparagus-oklch: oklch(0.916 0.027 127.8);
}
.element {
color: var(--hollywood-asparagus);
background-color: hsl(88 28% 87%);
border-color: oklch(0.916 0.027 127.8);
}Tailwind CSS v4
@theme {
--color-hollywood-asparagus: #dee7d4;
--color-hollywood-asparagus-50: #f3f7ef;
--color-hollywood-asparagus-100: #e5eae0;
--color-hollywood-asparagus-200: #d0d7cb;
--color-hollywood-asparagus-300: #b3baac;
--color-hollywood-asparagus-400: #9aa291;
--color-hollywood-asparagus-500: #818a77;
--color-hollywood-asparagus-600: #6d7565;
--color-hollywood-asparagus-700: #575d50;
--color-hollywood-asparagus-800: #40443a;
--color-hollywood-asparagus-900: #2c2f28;
--color-hollywood-asparagus-950: #191c16;
}SCSS
$hollywood-asparagus: #dee7d4;
$hollywood-asparagus-rgb: 222, 231, 212;
$hollywood-asparagus-light: mix(#fff, $hollywood-asparagus, 20%);
$hollywood-asparagus-dark: mix(#000, $hollywood-asparagus, 20%);
.element {
color: $hollywood-asparagus;
box-shadow: 0 0 0 2px rgba($hollywood-asparagus, 0.35);
}