Benannte Farbe · #D5A579
Mulled Spice
Mulled Spice ist #D5A579: rgb(213 165 121), hsl(29 52% 65%), oklch(0.756 0.082 63.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Mulled Spice color name →
#D5A579
oklch(0.756 0.082 63.6)
Farbumrechnungen
- HEX
- #d5a579
- RGB
- rgb(213 165 121)
- HSL
- hsl(29 52% 65%)
- HWB
- hwb(29 47% 16%)
- OKLCH
- oklch(0.756 0.082 63.6)
- OKLab
- oklab(0.756 0.036 0.073)
- CIE Lab
- lab(71.51 14.16 29.97)
- LCH
- lch(71.51 33.14 64.7)
- CMYK
- cmyk(0% 23% 43% 16%)
Tints · Shades · Tones
Tints
- D9AE86
- DEB794
- E2C0A1
- E7C9AE
- EBD2BC
- EFDBC9
- F3E4D6
- F7EDE4
- FBF6F1
Shades
- B98F68
- 9E7958
- 836548
- 6A5139
- 513D2B
- 3A2B1D
- 241A10
- 100A05
- 020101
Tones
- CCA17A
- C49E7B
- BB9A7C
- B3967D
- AA937E
- A28F7F
- 998B7F
- 918880
- 888480
Farbharmonien
Komplementär +180°
- D5A579
Mulled Spice
- 82B6E0
≈ Dun Morogh Blue
Analog -30° +30°
- D5A579
Mulled Spice
- DF9D8E
≈ Pink Palazzo
- C1AF73
≈ Fresh Peas
Triadisch +120° +240°
- D5A579
Mulled Spice
- 70C1B5
≈ Fiesta Blue
- BBA3DB
≈ Enchanted Lavender
Geteilt komplementär +150° +210°
- D5A579
Mulled Spice
- 6FBECF
≈ Surfin’
- 9FADE4
≈ Maximum Blue Purple
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.21:1 · APCA Lc 44
Ag
AAAAuf Schwarz
WCAG 9.48:1 · APCA Lc 59
Beste Textfarbe: #000000
WCAG 9.48:1 (AAA) · APCA Lc 59
Contrast pairs
Code-Snippets
CSS
:root {
--mulled-spice: #d5a579;
--mulled-spice-rgb: 213 165 121;
--mulled-spice-oklch: oklch(0.756 0.082 63.6);
}
.element {
color: var(--mulled-spice);
background-color: hsl(29 52% 65%);
border-color: oklch(0.756 0.082 63.6);
}Tailwind CSS v4
@theme {
--color-mulled-spice: #d5a579;
--color-mulled-spice-50: #fff1dd;
--color-mulled-spice-100: #fce3cc;
--color-mulled-spice-200: #edceb0;
--color-mulled-spice-300: #d5b08b;
--color-mulled-spice-400: #c1946b;
--color-mulled-spice-500: #ac7a4a;
--color-mulled-spice-600: #92673f;
--color-mulled-spice-700: #755332;
--color-mulled-spice-800: #573c24;
--color-mulled-spice-900: #3d2918;
--color-mulled-spice-950: #261709;
}SCSS
$mulled-spice: #d5a579;
$mulled-spice-rgb: 213, 165, 121;
$mulled-spice-light: mix(#fff, $mulled-spice, 20%);
$mulled-spice-dark: mix(#000, $mulled-spice, 20%);
.element {
color: $mulled-spice;
box-shadow: 0 0 0 2px rgba($mulled-spice, 0.35);
}