Benannte Farbe · #E6DFC4
Horseradish
Horseradish ist #E6DFC4: rgb(230 223 196), hsl(48 40% 84%), oklch(0.902 0.037 95). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Horseradish color name →
#E6DFC4
oklch(0.902 0.037 95)
Farbumrechnungen
- HEX
- #e6dfc4
- RGB
- rgb(230 223 196)
- HSL
- hsl(48 40% 84%)
- HWB
- hwb(48 77% 10%)
- OKLCH
- oklch(0.902 0.037 95)
- OKLab
- oklab(0.902 -0.003 0.037)
- CIE Lab
- lab(88.85 -0.83 14.19)
- LCH
- lch(88.85 14.21 93.3)
- CMYK
- cmyk(0% 3% 15% 10%)
Tints · Shades · Tones
Tints
- E8E2CA
- EBE5D0
- EDE9D6
- F0ECDC
- F2EFE1
- F5F2E7
- F7F5ED
- FAF9F3
- FCFCF9
Shades
- C8C2AA
- ABA591
- 8E8A78
- 736F61
- 59564A
- 403D35
- 282721
- 13120E
- 030202
Tones
- DBD5BD
- D1CBB6
- C6C2AF
- BCB8A8
- B2AEA2
- A7A59B
- 9D9C94
- 93928D
- 8A8987
Farbharmonien
Komplementär +180°
- E6DFC4
Horseradish
- D7DDF8
≈ Nostalgia Perfume
Analog -30° +30°
- E6DFC4
Horseradish
- F0DAC6
≈ Subtle Blush
- D9E3C9
≈ Lacewing
Triadisch +120° +240°
- E6DFC4
Horseradish
- C4E5EE
≈ Surf’s Up
- EFD6E8
≈ All Made Up
Geteilt komplementär +150° +210°
- E6DFC4
Horseradish
- CBE2F6
≈ Salty Ice
- E4D9F3
≈ Pouty Purple
Tetradisch +90° +180° +270°
- E6DFC4
Horseradish
- C5E7E2
≈ Polar Expedition
- D7DDF8
≈ Nostalgia Perfume
- F5D5DB
≈ Pixie Dust
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.33:1 · APCA Lc 17
Ag
AAAAuf Schwarz
WCAG 15.71:1 · APCA Lc 87
Beste Textfarbe: #000000
WCAG 15.71:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
CSS
:root {
--horseradish: #e6dfc4;
--horseradish-rgb: 230 223 196;
--horseradish-oklch: oklch(0.902 0.037 95);
}
.element {
color: var(--horseradish);
background-color: hsl(48 40% 84%);
border-color: oklch(0.902 0.037 95);
}Tailwind CSS v4
@theme {
--color-horseradish: #e6dfc4;
--color-horseradish-50: #f8f5ea;
--color-horseradish-100: #ebe8db;
--color-horseradish-200: #d8d5c3;
--color-horseradish-300: #bcb8a3;
--color-horseradish-400: #a59f86;
--color-horseradish-500: #8e866b;
--color-horseradish-600: #78725b;
--color-horseradish-700: #605b48;
--color-horseradish-800: #474234;
--color-horseradish-900: #312e23;
--color-horseradish-950: #1d1b12;
}SCSS
$horseradish: #e6dfc4;
$horseradish-rgb: 230, 223, 196;
$horseradish-light: mix(#fff, $horseradish, 20%);
$horseradish-dark: mix(#000, $horseradish, 20%);
.element {
color: $horseradish;
box-shadow: 0 0 0 2px rgba($horseradish, 0.35);
}