Benannte Farbe · #E1BE8B
Warm Muffin
Warm Muffin ist #E1BE8B: rgb(225 190 139), hsl(36 59% 71%), oklch(0.82 0.078 76.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Warm Muffin color name →
#E1BE8B
oklch(0.82 0.078 76.7)
Farbumrechnungen
- HEX
- #e1be8b
- RGB
- rgb(225 190 139)
- HSL
- hsl(36 59% 71%)
- HWB
- hwb(36 55% 12%)
- OKLCH
- oklch(0.82 0.078 76.7)
- OKLab
- oklab(0.82 0.018 0.076)
- CIE Lab
- lab(79.17 7.81 30.69)
- LCH
- lch(79.17 31.67 75.7)
- CMYK
- cmyk(0% 16% 38% 12%)
Tints · Shades · Tones
Tints
- E4C597
- E7CBA3
- EAD2AE
- EDD8BA
- F0DFC5
- F3E5D1
- F6ECDC
- F9F2E8
- FCF8F3
Shades
- C4A578
- A78C66
- 8B7554
- 705E43
- 564832
- 3E3323
- 271F14
- 120D07
- 020201
Tones
- D7B88A
- CDB18A
- C3AB89
- B9A588
- B09F87
- A69986
- 9C9284
- 938C83
- 898682
Farbharmonien
Komplementär +180°
- E1BE8B
Warm Muffin
- A4C7F7
≈ Baby Blue Eyes
Analog -30° +30°
- E1BE8B
Warm Muffin
- EFB599
≈ Crab Bisque
- CAC88D
≈ Creamy Spinaci
Triadisch +120° +240°
- E1BE8B
Warm Muffin
- 85D4D5
≈ Mountain Lake Blue
- D9B5E6
≈ Pretty Petunia
Geteilt komplementär +150° +210°
- E1BE8B
Warm Muffin
- 8DCFEB
≈ Anakiwa
- C0BDF5
≈ Vodka
Tetradisch +90° +180° +270°
- E1BE8B
Warm Muffin
- 93D5B9
≈ Apple II Blue
- A4C7F7
≈ Baby Blue Eyes
- EAB0CE
≈ Gumball
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.75:1 · APCA Lc 32
Ag
AAAAuf Schwarz
WCAG 11.93:1 · APCA Lc 71
Beste Textfarbe: #000000
WCAG 11.93:1 (AAA) · APCA Lc 71
Contrast pairs
Code-Snippets
CSS
:root {
--warm-muffin: #e1be8b;
--warm-muffin-rgb: 225 190 139;
--warm-muffin-oklch: oklch(0.82 0.078 76.7);
}
.element {
color: var(--warm-muffin);
background-color: hsl(36 59% 71%);
border-color: oklch(0.82 0.078 76.7);
}Tailwind CSS v4
@theme {
--color-warm-muffin: #e1be8b;
--color-warm-muffin-50: #fff3dd;
--color-warm-muffin-100: #f6e5cc;
--color-warm-muffin-200: #e7d1b0;
--color-warm-muffin-300: #cdb38b;
--color-warm-muffin-400: #b9996a;
--color-warm-muffin-500: #a37f48;
--color-warm-muffin-600: #8a6c3e;
--color-warm-muffin-700: #6f5631;
--color-warm-muffin-800: #523e22;
--color-warm-muffin-900: #392b17;
--color-warm-muffin-950: #241808;
}SCSS
$warm-muffin: #e1be8b;
$warm-muffin-rgb: 225, 190, 139;
$warm-muffin-light: mix(#fff, $warm-muffin, 20%);
$warm-muffin-dark: mix(#000, $warm-muffin, 20%);
.element {
color: $warm-muffin;
box-shadow: 0 0 0 2px rgba($warm-muffin, 0.35);
}