Nazwany kolor · #DADEAD
Zombie
Zombie to #DADEAD: rgb(218 222 173), hsl(65 43% 77%), oklch(0.885 0.065 111.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Zombie color name →
#DADEAD
oklch(0.885 0.065 111.5)
Konwersje koloru
- HEX
- #dadead
- RGB
- rgb(218 222 173)
- HSL
- hsl(65 43% 77%)
- HWB
- hwb(65 68% 13%)
- OKLCH
- oklch(0.885 0.065 111.5)
- OKLab
- oklab(0.885 -0.024 0.06)
- CIE Lab
- lab(87.24 -7.31 23.67)
- LCH
- lch(87.24 24.78 107.2)
- CMYK
- cmyk(2% 0% 22% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DEE1B5
- E1E5BE
- E5E8C6
- E9EBCE
- ECEFD6
- F0F2DE
- F4F5E7
- F7F8EF
- FBFCF7
Odcienie ciemniejsze
- BDC196
- A2A57F
- 87896A
- 6C6F55
- 545541
- 3C3D2D
- 25261B
- 11120B
- 020201
Tony
- D1D4A9
- C7CBA4
- BEC1A0
- B5B79B
- ACAE97
- A3A592
- 9A9B8E
- 919289
- 898985
Harmonie kolorów
Komplementarna +180°
- DADEAD
Zombie
- D9D3FF
≈ Pale Lavender
Analogowa -30° +30°
- DADEAD
Zombie
- EFD6A9
≈ Straw Hat
- C2E5BD
≈ Sweet Menthol
Triada +120° +240°
- DADEAD
Zombie
- AEE2FD
≈ Frozen Landscape
- FCC8DE
≈ Cherry Blush
Komplementarna rozszczepiona +150° +210°
- DADEAD
Zombie
- C5DAFF
≈ Arc Light
- EECCF3
≈ Bubblegum Crisis
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.39:1 · APCA Lc 19
Ag
AAANa czerni
WCAG 15.03:1 · APCA Lc 84
Najlepszy kolor tekstu: #000000
WCAG 15.03:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmenty kodu
CSS
:root {
--zombie: #dadead;
--zombie-rgb: 218 222 173;
--zombie-oklch: oklch(0.885 0.065 111.5);
}
.element {
color: var(--zombie);
background-color: hsl(65 43% 77%);
border-color: oklch(0.885 0.065 111.5);
}Tailwind CSS v4
@theme {
--color-zombie: #dadead;
--color-zombie-50: #f5f8e3;
--color-zombie-100: #e7ebd2;
--color-zombie-200: #d4d8b9;
--color-zombie-300: #b7bc96;
--color-zombie-400: #9fa376;
--color-zombie-500: #878b58;
--color-zombie-600: #72754b;
--color-zombie-700: #5c5e3b;
--color-zombie-800: #44442a;
--color-zombie-900: #2f2f1c;
--color-zombie-950: #1b1c0c;
}SCSS
$zombie: #dadead;
$zombie-rgb: 218, 222, 173;
$zombie-light: mix(#fff, $zombie, 20%);
$zombie-dark: mix(#000, $zombie, 20%);
.element {
color: $zombie;
box-shadow: 0 0 0 2px rgba($zombie, 0.35);
}