Benannte Farbe · #D3C7B8
Gravelstone
Gravelstone ist #D3C7B8: rgb(211 199 184), hsl(33 23% 77%), oklch(0.835 0.025 73.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Gravelstone color name →
#D3C7B8
oklch(0.835 0.025 73.6)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- D7CCBF
- DCD2C6
- E0D8CD
- E4DDD4
- E9E3DB
- EDE8E2
- F2EEE9
- F6F4F1
- FBF9F8
Shades
- B7ADA0
- 9C9388
- 827A71
- 69625B
- 514C45
- 3A3631
- 24211E
- 100E0C
- 020202
Tones
- CAC0B2
- C2B8AD
- B9B1A7
- B1AAA1
- A9A39C
- A09C96
- 989590
- 908E8B
- 888785
Farbharmonien
Komplementär +180°
- D3C7B8
Gravelstone
- BECAD9
≈ Icy Brook
Analog -30° +30°
- D3C7B8
Gravelstone
- D8C4BC
≈ Bella Mia
- CBCAB8
≈ Tropical Fog
Triadisch +120° +240°
- D3C7B8
Gravelstone
- B8CECD
≈ Turquoise Grey
- CFC5D5
≈ Mecha Kitty
Geteilt komplementär +150° +210°
- D3C7B8
Gravelstone
- B9CDD5
≈ Light Vanilla Ice
- C6C7D9
≈ Pax
Tetradisch +90° +180° +270°
- D3C7B8
Gravelstone
- BBCEC5
≈ Amelia
- BECAD9
≈ Icy Brook
- D5C3CD
≈ Mint Blossom Rose
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.66:1 · APCA Lc 29
Ag
AAAAuf Schwarz
WCAG 12.63:1 · APCA Lc 74
Beste Textfarbe: #000000
WCAG 12.63:1 (AAA) · APCA Lc 74
Contrast pairs
Code-Snippets
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);
}