Cor nomeada · #D0C8A9
Desert Cover
Desert Cover é #D0C8A9: rgb(208 200 169), hsl(48 29% 74%), oklch(0.831 0.043 95.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Desert Cover color name →
#D0C8A9
oklch(0.831 0.043 95.2)
Conversões de cor
- HEX
- #d0c8a9
- RGB
- rgb(208 200 169)
- HSL
- hsl(48 29% 74%)
- HWB
- hwb(48 66% 18%)
- OKLCH
- oklch(0.831 0.043 95.2)
- OKLab
- oklab(0.831 -0.004 0.043)
- CIE Lab
- lab(80.65 -0.88 16.63)
- LCH
- lch(80.65 16.65 93)
- CMYK
- cmyk(0% 4% 19% 18%)
Tons claros · Sombras · Tons
Tons claros
- D5CDB1
- D9D3BA
- DED8C3
- E3DECB
- E7E3D4
- ECE9DC
- F1EEE5
- F5F4EE
- FAF9F6
Sombras
- B5AE92
- 9A947C
- 807B67
- 676353
- 4F4C3F
- 39362C
- 23211B
- 100F0A
- 020201
Tons
- C8C1A5
- BFB9A1
- B7B29D
- AFAB99
- A7A395
- 9F9C90
- 97958C
- 8F8E88
- 888784
Harmonias de cor
Complementar +180°
- D0C8A9
Desert Cover
- BFC6E4
≈ California Lilac
Análoga -30° +30°
- D0C8A9
Desert Cover
- DCC3AB
≈ Sienna Dust
- C1CDAF
≈ Growing Season
Tríade +120° +240°
- D0C8A9
Desert Cover
- A9CFD9
≈ Hisoku Blue
- DABED3
≈ Lovely Pink
Complementar dividida +150° +210°
- D0C8A9
Desert Cover
- B1CBE2
≈ Charted
- CEC1DF
≈ Fresh Heather
Tétrade +90° +180° +270°
- D0C8A9
Desert Cover
- AAD1CB
≈ Cassiopeia
- BFC6E4
≈ California Lilac
- E1BDC4
≈ Ice Hot Pink
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.67:1 · APCA Lc 30
Ag
AAASobre preto
WCAG 12.51:1 · APCA Lc 73
Melhor cor de texto: #000000
WCAG 12.51:1 (AAA) · APCA Lc 73
Contrast pairs
Trechos de código
CSS
:root {
--desert-cover: #d0c8a9;
--desert-cover-rgb: 208 200 169;
--desert-cover-oklch: oklch(0.831 0.043 95.2);
}
.element {
color: var(--desert-cover);
background-color: hsl(48 29% 74%);
border-color: oklch(0.831 0.043 95.2);
}Tailwind CSS v4
@theme {
--color-desert-cover: #d0c8a9;
--color-desert-cover-50: #f8f5e8;
--color-desert-cover-100: #ece8d8;
--color-desert-cover-200: #d9d5c0;
--color-desert-cover-300: #bdb89f;
--color-desert-cover-400: #a69f82;
--color-desert-cover-500: #8f8666;
--color-desert-cover-600: #797257;
--color-desert-cover-700: #615b45;
--color-desert-cover-800: #474232;
--color-desert-cover-900: #312e22;
--color-desert-cover-950: #1d1a11;
}SCSS
$desert-cover: #d0c8a9;
$desert-cover-rgb: 208, 200, 169;
$desert-cover-light: mix(#fff, $desert-cover, 20%);
$desert-cover-dark: mix(#000, $desert-cover, 20%);
.element {
color: $desert-cover;
box-shadow: 0 0 0 2px rgba($desert-cover, 0.35);
}