Benannte Farbe · #E3D2C0
Sand Dune
Sand Dune ist #E3D2C0: rgb(227 210 192), hsl(31 38% 82%), oklch(0.873 0.031 69). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Sand Dune color name →
#E3D2C0
oklch(0.873 0.031 69)
Farbumrechnungen
- HEX
- #e3d2c0
- RGB
- rgb(227 210 192)
- HSL
- hsl(31 38% 82%)
- HWB
- hwb(31 75% 11%)
- OKLCH
- oklch(0.873 0.031 69)
- OKLab
- oklab(0.873 0.011 0.029)
- CIE Lab
- lab(85.24 3.93 11.19)
- LCH
- lch(85.24 11.86 70.7)
- CMYK
- cmyk(0% 7% 15% 11%)
Tints · Shades · Tones
Tints
- E6D6C6
- E9DBCC
- EBDFD3
- EEE4D9
- F1E8DF
- F4EDE6
- F7F1EC
- F9F6F2
- FCFAF9
Shades
- C5B6A7
- A89B8E
- 8C8176
- 71685F
- 575049
- 3F3934
- 272420
- 12100E
- 030202
Tones
- D9C9B9
- CEC1B3
- C4B9AC
- BAB0A6
- B0A8A0
- A6A099
- 9D9893
- 93908C
- 898886
Farbharmonien
Komplementär +180°
- E3D2C0
Sand Dune
- C6D7E9
≈ Snowy Summit
Analog -30° +30°
- E3D2C0
Sand Dune
- E8CFC7
≈ Honeysweet
- DAD6BF
≈ White Moss
Triadisch +120° +240°
- E3D2C0
Sand Dune
- BFDCD9
≈ Meander Blue
- DBD0E5
≈ Shimmering Sky
Geteilt komplementär +150° +210°
- E3D2C0
Sand Dune
- C0DAE3
≈ Getting Wet
- D0D4EA
≈ Artistic Violet
Tetradisch +90° +180° +270°
- E3D2C0
Sand Dune
- C5DCCE
≈ Topaz Green
- C6D7E9
≈ Snowy Summit
- E4CEDC
≈ Summer Clover
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.47:1 · APCA Lc 22
Ag
AAAAuf Schwarz
WCAG 14.24:1 · APCA Lc 81
Beste Textfarbe: #000000
WCAG 14.24:1 (AAA) · APCA Lc 81
Contrast pairs
Code-Snippets
CSS
:root {
--sand-dune: #e3d2c0;
--sand-dune-rgb: 227 210 192;
--sand-dune-oklch: oklch(0.873 0.031 69);
}
.element {
color: var(--sand-dune);
background-color: hsl(31 38% 82%);
border-color: oklch(0.873 0.031 69);
}Tailwind CSS v4
@theme {
--color-sand-dune: #e3d2c0;
--color-sand-dune-50: #fbf4ec;
--color-sand-dune-100: #efe6dd;
--color-sand-dune-200: #ddd2c6;
--color-sand-dune-300: #c2b5a7;
--color-sand-dune-400: #ab9c8b;
--color-sand-dune-500: #948371;
--color-sand-dune-600: #7d6f5f;
--color-sand-dune-700: #64594c;
--color-sand-dune-800: #4a4037;
--color-sand-dune-900: #332c26;
--color-sand-dune-950: #1f1914;
}SCSS
$sand-dune: #e3d2c0;
$sand-dune-rgb: 227, 210, 192;
$sand-dune-light: mix(#fff, $sand-dune, 20%);
$sand-dune-dark: mix(#000, $sand-dune, 20%);
.element {
color: $sand-dune;
box-shadow: 0 0 0 2px rgba($sand-dune, 0.35);
}