Cor nomeada · #D1B3A9
Damask Dunes
Damask Dunes é #D1B3A9: rgb(209 179 169), hsl(15 30% 74%), oklch(0.79 0.038 39.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Damask Dunes color name →
#D1B3A9
oklch(0.79 0.038 39.3)
Conversões de cor
- HEX
- #d1b3a9
- RGB
- rgb(209 179 169)
- HSL
- hsl(15 30% 74%)
- HWB
- hwb(15 66% 18%)
- OKLCH
- oklch(0.79 0.038 39.3)
- OKLab
- oklab(0.79 0.029 0.024)
- CIE Lab
- lab(75.39 9.99 9.34)
- LCH
- lch(75.39 13.68 43.1)
- CMYK
- cmyk(0% 14% 19% 18%)
Tons claros · Sombras · Tons
Tons claros
- D6BAB1
- DAC2BA
- DFC9C2
- E4D1CB
- E8D9D3
- EDE0DC
- F1E8E5
- F6EFED
- FAF7F6
Sombras
- B59B92
- 9B847C
- 816E67
- 685853
- 50433F
- 392F2C
- 231D1B
- 100C0A
- 020101
Tons
- C9AEA5
- C0A9A1
- B8A39D
- B09E98
- A89994
- A09490
- 988F8C
- 908A88
- 888584
Harmonias de cor
Complementar +180°
- D1B3A9
Damask Dunes
- A1C1CB
≈ Stratosphere
Análoga -30° +30°
- D1B3A9
Damask Dunes
- D1B1B5
≈ Izmir Pink
- CBB7A1
≈ Grain Brown
Tríade +120° +240°
- D1B3A9
Damask Dunes
- A7C2B2
≈ Kind Green
- B5B9D3
≈ Halogen Blue
Complementar dividida +150° +210°
- D1B3A9
Damask Dunes
- A0C3BF
≈ New-Age Green
- A9BDD2
≈ Rendez-Blue
Tétrade +90° +180° +270°
- D1B3A9
Damask Dunes
- B3C0A7
≈ Creamy Spinach
- A1C1CB
≈ Stratosphere
- C2B4CD
≈ Orchid Petal
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.95:1 · APCA Lc 38
Ag
AAASobre preto
WCAG 10.73:1 · APCA Lc 65
Melhor cor de texto: #000000
WCAG 10.73:1 (AAA) · APCA Lc 65
Contrast pairs
Trechos de código
CSS
:root {
--damask-dunes: #d1b3a9;
--damask-dunes-rgb: 209 179 169;
--damask-dunes-oklch: oklch(0.79 0.038 39.3);
}
.element {
color: var(--damask-dunes);
background-color: hsl(15 30% 74%);
border-color: oklch(0.79 0.038 39.3);
}Tailwind CSS v4
@theme {
--color-damask-dunes: #d1b3a9;
--color-damask-dunes-50: #fff2ed;
--color-damask-dunes-100: #f4e4de;
--color-damask-dunes-200: #e3cfc8;
--color-damask-dunes-300: #c9b2a9;
--color-damask-dunes-400: #b3978e;
--color-damask-dunes-500: #9d7e74;
--color-damask-dunes-600: #856b62;
--color-damask-dunes-700: #6a554e;
--color-damask-dunes-800: #4e3e39;
--color-damask-dunes-900: #372b27;
--color-damask-dunes-950: #211815;
}SCSS
$damask-dunes: #d1b3a9;
$damask-dunes-rgb: 209, 179, 169;
$damask-dunes-light: mix(#fff, $damask-dunes, 20%);
$damask-dunes-dark: mix(#000, $damask-dunes, 20%);
.element {
color: $damask-dunes;
box-shadow: 0 0 0 2px rgba($damask-dunes, 0.35);
}