Najbliższy nazwany kolor · #D1D5A1
#D1D5A1
Najbliższy nazwany kolor: Zombie
#D1D5A1 (rgb(209 213 161), hsl(65 38% 73%), oklch(0.857 0.069 111.4)) jest najbliższy nazwanemu kolorowi Zombie. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#D1D5A1
oklch(0.857 0.069 111.4)
Konwersje koloru
- HEX
- #d1d5a1
- RGB
- rgb(209 213 161)
- HSL
- hsl(65 38% 73%)
- HWB
- hwb(65 63% 16%)
- OKLCH
- oklch(0.857 0.069 111.4)
- OKLab
- oklab(0.857 -0.025 0.064)
- CIE Lab
- lab(83.99 -7.65 25.34)
- LCH
- lch(83.99 26.47 106.8)
- CMYK
- cmyk(2% 0% 24% 16%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D5D9AB
- DADDB4
- DEE2BD
- E3E6C7
- E8EAD0
- ECEED9
- F1F2E3
- F6F7EC
- FAFBF6
Odcienie ciemniejsze
- B5B98B
- 9B9E76
- 818362
- 686A4E
- 50513C
- 393A2A
- 232419
- 101009
- 020201
Tony
- C9CC9E
- C0C39B
- B8BB98
- B0B294
- A7AA91
- 9FA18E
- 97998A
- 909087
- 888884
Harmonie kolorów
Komplementarna +180°
- D1D5A1
Zombie
- D0C9FA
≈ Lavender Blue
Analogowa -30° +30°
- D1D5A1
Zombie
- E7CC9D
≈ Harvest
- B8DCB2
≈ A Mann’s Mint
Triada +120° +240°
- D1D5A1
Zombie
- A2D9F6
≈ Soft Summer Rain
- F5BED5
≈ Pink Destiny
Komplementarna rozszczepiona +150° +210°
- D1D5A1
Zombie
- B7D1FE
≈ Ice Cold Stare
- E6C2EC
≈ Prom Corsage
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.52:1 · APCA Lc 24
Ag
AAANa czerni
WCAG 13.74:1 · APCA Lc 79
Najlepszy kolor tekstu: #000000
WCAG 13.74:1 (AAA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
CSS
:root {
--zombie: #d1d5a1;
--zombie-rgb: 209 213 161;
--zombie-oklch: oklch(0.857 0.069 111.4);
}
.element {
color: var(--zombie);
background-color: hsl(65 38% 73%);
border-color: oklch(0.857 0.069 111.4);
}Tailwind CSS v4
@theme {
--color-zombie: #d1d5a1;
--color-zombie-50: #f5f8e2;
--color-zombie-100: #e7ebd1;
--color-zombie-200: #d4d8b7;
--color-zombie-300: #b7bc94;
--color-zombie-400: #9fa373;
--color-zombie-500: #878b54;
--color-zombie-600: #737548;
--color-zombie-700: #5c5e39;
--color-zombie-800: #444428;
--color-zombie-900: #2f2f1b;
--color-zombie-950: #1b1c0b;
}SCSS
$zombie: #d1d5a1;
$zombie-rgb: 209, 213, 161;
$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);
}