Benannte Farbe · #E6D9CA
Riviera Dune
Riviera Dune ist #E6D9CA: rgb(230 217 202), hsl(32 36% 85%), oklch(0.892 0.025 71.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Riviera Dune color name →
#E6D9CA
oklch(0.892 0.025 71.4)
Farbumrechnungen
- HEX
- #e6d9ca
- RGB
- rgb(230 217 202)
- HSL
- hsl(32 36% 85%)
- HWB
- hwb(32 79% 10%)
- OKLCH
- oklch(0.892 0.025 71.4)
- OKLab
- oklab(0.892 0.008 0.024)
- CIE Lab
- lab(87.45 2.77 9.1)
- LCH
- lch(87.45 9.51 73.1)
- CMYK
- cmyk(0% 6% 12% 10%)
Tints · Shades · Tones
Tints
- E9DDCF
- EBE1D4
- EEE4DA
- F0E8DF
- F3ECE4
- F5F0EA
- F8F4EF
- FAF7F4
- FDFBFA
Shades
- C8BCAF
- ABA195
- 8E867C
- 736C64
- 59534D
- 403B37
- 282522
- 13110F
- 030202
Tones
- DBD0C2
- D1C7BB
- C6BDB3
- BCB4AC
- B2ABA4
- A8A39D
- 9D9A96
- 94918E
- 8A8987
Farbharmonien
Komplementär +180°
- E6D9CA
Riviera Dune
- D0DDEC
≈ Shattered Sky
Analog -30° +30°
- E6D9CA
Riviera Dune
- EBD6CF
≈ Coral Cream
- DEDCCA
≈ Green White
Triadisch +120° +240°
- E6D9CA
Riviera Dune
- CAE1DF
≈ Mellifluous Blue
- E1D7E8
≈ Old Chalk
Geteilt komplementär +150° +210°
- E6D9CA
Riviera Dune
- CADFE7
≈ Duck’s Egg Blue
- D8DAEC
≈ Eyeshadow
Tetradisch +90° +180° +270°
- E6D9CA
Riviera Dune
- CEE1D6
≈ Light Soft Fresco
- D0DDEC
≈ Shattered Sky
- E8D5E0
≈ Swiss Rose
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.38:1 · APCA Lc 19
Ag
AAAAuf Schwarz
WCAG 15.14:1 · APCA Lc 85
Beste Textfarbe: #000000
WCAG 15.14:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--riviera-dune: #e6d9ca;
--riviera-dune-rgb: 230 217 202;
--riviera-dune-oklch: oklch(0.892 0.025 71.4);
}
.element {
color: var(--riviera-dune);
background-color: hsl(32 36% 85%);
border-color: oklch(0.892 0.025 71.4);
}Tailwind CSS v4
@theme {
--color-riviera-dune: #e6d9ca;
--color-riviera-dune-50: #faf4ee;
--color-riviera-dune-100: #ede7df;
--color-riviera-dune-200: #dbd3c9;
--color-riviera-dune-300: #bfb6aa;
--color-riviera-dune-400: #a89c8f;
--color-riviera-dune-500: #918475;
--color-riviera-dune-600: #7b7063;
--color-riviera-dune-700: #62594f;
--color-riviera-dune-800: #484139;
--color-riviera-dune-900: #322d27;
--color-riviera-dune-950: #1e1a15;
}SCSS
$riviera-dune: #e6d9ca;
$riviera-dune-rgb: 230, 217, 202;
$riviera-dune-light: mix(#fff, $riviera-dune, 20%);
$riviera-dune-dark: mix(#000, $riviera-dune, 20%);
.element {
color: $riviera-dune;
box-shadow: 0 0 0 2px rgba($riviera-dune, 0.35);
}