Benannte Farbe · #E8E0D5
Aquarelle Beige
Aquarelle Beige ist #E8E0D5: rgb(232 224 213), hsl(35 29% 87%), oklch(0.91 0.017 76.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Aquarelle Beige color name →
#E8E0D5
oklch(0.91 0.017 76.1)
Farbumrechnungen
- HEX
- #e8e0d5
- RGB
- rgb(232 224 213)
- HSL
- hsl(35 29% 87%)
- HWB
- hwb(35 84% 9%)
- OKLCH
- oklch(0.91 0.017 76.1)
- OKLab
- oklab(0.91 0.004 0.017)
- CIE Lab
- lab(89.59 1.43 6.42)
- LCH
- lch(89.59 6.58 77.5)
- CMYK
- cmyk(0% 3% 8% 9%)
Tints · Shades · Tones
Tints
- EAE3D9
- EDE6DD
- EFE9E1
- F1ECE6
- F3EFEA
- F6F3EE
- F8F6F2
- FAF9F7
- FDFCFB
Shades
- CAC3B9
- ACA69E
- 908A83
- 74706A
- 595651
- 403E3A
- 292724
- 131210
- 030202
Tones
- DDD6CC
- D2CCC3
- C8C2BB
- BDB8B2
- B3AFAA
- A8A5A1
- 9E9C99
- 949290
- 8A8988
Farbharmonien
Komplementär +180°
- E8E0D5
Aquarelle Beige
- DAE2ED
≈ Blooming Aster
Analog -30° +30°
- E8E0D5
Aquarelle Beige
- ECDED8
≈ Berry Frost
- E2E2D5
≈ Divine Cream
Triadisch +120° +240°
- E8E0D5
Aquarelle Beige
- D5E5E5
≈ Lauren’s Surprise
- E6DEE9
≈ Faint Fuchsia
Geteilt komplementär +150° +210°
- E8E0D5
Aquarelle Beige
- D6E4EA
≈ Dreamstress
- E0E0ED
≈ Imagination
Tetradisch +90° +180° +270°
- E8E0D5
Aquarelle Beige
- D7E5DF
≈ Fizzle
- DAE2ED
≈ Blooming Aster
- EADDE4
≈ Weak Mauve
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.30:1 · APCA Lc 15
Ag
AAAAuf Schwarz
WCAG 16.05:1 · APCA Lc 88
Beste Textfarbe: #000000
WCAG 16.05:1 (AAA) · APCA Lc 88
Contrast pairs
Code-Snippets
CSS
:root {
--aquarelle-beige: #e8e0d5;
--aquarelle-beige-rgb: 232 224 213;
--aquarelle-beige-oklch: oklch(0.91 0.017 76.1);
}
.element {
color: var(--aquarelle-beige);
background-color: hsl(35 29% 87%);
border-color: oklch(0.91 0.017 76.1);
}Tailwind CSS v4
@theme {
--color-aquarelle-beige: #e8e0d5;
--color-aquarelle-beige-50: #f8f5f0;
--color-aquarelle-beige-100: #ebe7e2;
--color-aquarelle-beige-200: #d8d3cc;
--color-aquarelle-beige-300: #bcb6ae;
--color-aquarelle-beige-400: #a49d93;
--color-aquarelle-beige-500: #8d857a;
--color-aquarelle-beige-600: #777067;
--color-aquarelle-beige-700: #5f5a52;
--color-aquarelle-beige-800: #46423c;
--color-aquarelle-beige-900: #302d29;
--color-aquarelle-beige-950: #1d1a17;
}SCSS
$aquarelle-beige: #e8e0d5;
$aquarelle-beige-rgb: 232, 224, 213;
$aquarelle-beige-light: mix(#fff, $aquarelle-beige, 20%);
$aquarelle-beige-dark: mix(#000, $aquarelle-beige, 20%);
.element {
color: $aquarelle-beige;
box-shadow: 0 0 0 2px rgba($aquarelle-beige, 0.35);
}