Cor nomeada mais próxima · #D1D5A1
#D1D5A1
Cor nomeada mais próxima: Zombie
#D1D5A1 (rgb(209 213 161), hsl(65 38% 73%), oklch(0.857 0.069 111.4)) é mais próxima da cor nomeada Zombie. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#D1D5A1
oklch(0.857 0.069 111.4)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- D5D9AB
- DADDB4
- DEE2BD
- E3E6C7
- E8EAD0
- ECEED9
- F1F2E3
- F6F7EC
- FAFBF6
Sombras
- B5B98B
- 9B9E76
- 818362
- 686A4E
- 50513C
- 393A2A
- 232419
- 101009
- 020201
Tons
- C9CC9E
- C0C39B
- B8BB98
- B0B294
- A7AA91
- 9FA18E
- 97998A
- 909087
- 888884
Harmonias de cor
Complementar +180°
- D1D5A1
Zombie
- D0C9FA
≈ Lavender Blue
Análoga -30° +30°
- D1D5A1
Zombie
- E7CC9D
≈ Harvest
- B8DCB2
≈ A Mann’s Mint
Tríade +120° +240°
- D1D5A1
Zombie
- A2D9F6
≈ Soft Summer Rain
- F5BED5
≈ Pink Destiny
Complementar dividida +150° +210°
- D1D5A1
Zombie
- B7D1FE
≈ Ice Cold Stare
- E6C2EC
≈ Prom Corsage
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.52:1 · APCA Lc 24
Ag
AAASobre preto
WCAG 13.74:1 · APCA Lc 79
Melhor cor de texto: #000000
WCAG 13.74:1 (AAA) · APCA Lc 79
Contrast pairs
Trechos de código
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);
}