Cor nomeada · #D2C8BB
Fossil Sand
Fossil Sand é #D2C8BB: rgb(210 200 187), hsl(34 20% 78%), oklch(0.837 0.021 74.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Fossil Sand color name →
#D2C8BB
oklch(0.837 0.021 74.6)
Conversões de cor
- HEX
- #d2c8bb
- RGB
- rgb(210 200 187)
- HSL
- hsl(34 20% 78%)
- HWB
- hwb(34 73% 18%)
- OKLCH
- oklch(0.837 0.021 74.6)
- OKLab
- oklab(0.837 0.006 0.02)
- CIE Lab
- lab(81.16 1.96 7.84)
- LCH
- lch(81.16 8.08 76)
- CMYK
- cmyk(0% 5% 11% 18%)
Tons claros · Sombras · Tons
Tons claros
- D6CDC2
- DBD3C8
- DFD8CF
- E4DED6
- E8E3DD
- EDE9E3
- F1EEEA
- F6F4F1
- FAF9F8
Sombras
- B6AEA2
- 9B948A
- 817B73
- 68635C
- 504C46
- 393632
- 24211F
- 100F0D
- 020202
Tons
- C9C1B5
- C1B9AF
- B9B2A9
- B0ABA3
- A8A39D
- A09C97
- 989591
- 908E8C
- 888786
Harmonias de cor
Complementar +180°
- D2C8BB
Fossil Sand
- C1CBD8
≈ Icy Brook
Análoga -30° +30°
- D2C8BB
Fossil Sand
- D6C6BF
≈ Desert Rock
- CBCBBB
≈ Livingstone
Tríade +120° +240°
- D2C8BB
Fossil Sand
- BBCECE
≈ Babbling Brook
- CFC6D3
≈ Enchant
Complementar dividida +150° +210°
- D2C8BB
Fossil Sand
- BCCDD4
≈ Shhh…
- C8C8D7
≈ Daybreak Beckons
Tétrade +90° +180° +270°
- D2C8BB
Fossil Sand
- BECEC6
≈ Soft Celadon
- C1CBD8
≈ Icy Brook
- D4C4CD
≈ Victorian Cottage
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.65:1 · APCA Lc 29
Ag
AAASobre preto
WCAG 12.71:1 · APCA Lc 74
Melhor cor de texto: #000000
WCAG 12.71:1 (AAA) · APCA Lc 74
Contrast pairs
Trechos de código
CSS
:root {
--fossil-sand: #d2c8bb;
--fossil-sand-rgb: 210 200 187;
--fossil-sand-oklch: oklch(0.837 0.021 74.6);
}
.element {
color: var(--fossil-sand);
background-color: hsl(34 20% 78%);
border-color: oklch(0.837 0.021 74.6);
}Tailwind CSS v4
@theme {
--color-fossil-sand: #d2c8bb;
--color-fossil-sand-50: #f9f4ef;
--color-fossil-sand-100: #ece7e0;
--color-fossil-sand-200: #d9d3cb;
--color-fossil-sand-300: #beb6ac;
--color-fossil-sand-400: #a69d91;
--color-fossil-sand-500: #8f8477;
--color-fossil-sand-600: #797065;
--color-fossil-sand-700: #615a51;
--color-fossil-sand-800: #47413b;
--color-fossil-sand-900: #312d28;
--color-fossil-sand-950: #1d1a16;
}SCSS
$fossil-sand: #d2c8bb;
$fossil-sand-rgb: 210, 200, 187;
$fossil-sand-light: mix(#fff, $fossil-sand, 20%);
$fossil-sand-dark: mix(#000, $fossil-sand, 20%);
.element {
color: $fossil-sand;
box-shadow: 0 0 0 2px rgba($fossil-sand, 0.35);
}