Colore con nome · #D3C7B8
Gravelstone
Gravelstone è #D3C7B8: rgb(211 199 184), hsl(33 23% 77%), oklch(0.835 0.025 73.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Gravelstone color name →
#D3C7B8
oklch(0.835 0.025 73.6)
Conversioni di colore
- HEX
- #d3c7b8
- RGB
- rgb(211 199 184)
- HSL
- hsl(33 23% 77%)
- HWB
- hwb(33 72% 17%)
- OKLCH
- oklch(0.835 0.025 73.6)
- OKLab
- oklab(0.835 0.007 0.024)
- CIE Lab
- lab(80.93 2.46 9.12)
- LCH
- lch(80.93 9.45 74.9)
- CMYK
- cmyk(0% 6% 13% 17%)
Tinte · Ombre · Toni
Tinte
- D7CCBF
- DCD2C6
- E0D8CD
- E4DDD4
- E9E3DB
- EDE8E2
- F2EEE9
- F6F4F1
- FBF9F8
Ombre
- B7ADA0
- 9C9388
- 827A71
- 69625B
- 514C45
- 3A3631
- 24211E
- 100E0C
- 020202
Toni
- CAC0B2
- C2B8AD
- B9B1A7
- B1AAA1
- A9A39C
- A09C96
- 989590
- 908E8B
- 888785
Armonie di colore
Complementare +180°
- D3C7B8
Gravelstone
- BECAD9
≈ Icy Brook
Analogo -30° +30°
- D3C7B8
Gravelstone
- D8C4BC
≈ Bella Mia
- CBCAB8
≈ Tropical Fog
Triadico +120° +240°
- D3C7B8
Gravelstone
- B8CECD
≈ Turquoise Grey
- CFC5D5
≈ Mecha Kitty
Complementare divisa +150° +210°
- D3C7B8
Gravelstone
- B9CDD5
≈ Light Vanilla Ice
- C6C7D9
≈ Pax
Tetradico +90° +180° +270°
- D3C7B8
Gravelstone
- BBCEC5
≈ Amelia
- BECAD9
≈ Icy Brook
- D5C3CD
≈ Mint Blossom Rose
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.66:1 · APCA Lc 29
Ag
AAASu nero
WCAG 12.63:1 · APCA Lc 74
Miglior colore del testo: #000000
WCAG 12.63:1 (AAA) · APCA Lc 74
Contrast pairs
Frammenti di codice
CSS
:root {
--gravelstone: #d3c7b8;
--gravelstone-rgb: 211 199 184;
--gravelstone-oklch: oklch(0.835 0.025 73.6);
}
.element {
color: var(--gravelstone);
background-color: hsl(33 23% 77%);
border-color: oklch(0.835 0.025 73.6);
}Tailwind CSS v4
@theme {
--color-gravelstone: #d3c7b8;
--color-gravelstone-50: #f9f4ee;
--color-gravelstone-100: #ede7df;
--color-gravelstone-200: #dad3c9;
--color-gravelstone-300: #bfb6aa;
--color-gravelstone-400: #a79d8f;
--color-gravelstone-500: #908475;
--color-gravelstone-600: #7a7063;
--color-gravelstone-700: #62594f;
--color-gravelstone-800: #484139;
--color-gravelstone-900: #322d27;
--color-gravelstone-950: #1e1a15;
}SCSS
$gravelstone: #d3c7b8;
$gravelstone-rgb: 211, 199, 184;
$gravelstone-light: mix(#fff, $gravelstone, 20%);
$gravelstone-dark: mix(#000, $gravelstone, 20%);
.element {
color: $gravelstone;
box-shadow: 0 0 0 2px rgba($gravelstone, 0.35);
}