Benannte Farbe · #DF7F73
Marmalade Magic
Marmalade Magic ist #DF7F73: rgb(223 127 115), hsl(7 63% 66%), oklch(0.698 0.121 28.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Marmalade Magic color name →
#DF7F73
oklch(0.698 0.121 28.1)
Farbumrechnungen
- HEX
- #df7f73
- RGB
- rgb(223 127 115)
- HSL
- hsl(7 63% 66%)
- HWB
- hwb(7 45% 13%)
- OKLCH
- oklch(0.698 0.121 28.1)
- OKLab
- oklab(0.698 0.107 0.057)
- CIE Lab
- lab(63.89 37.04 23.62)
- LCH
- lch(63.89 43.93 32.5)
- CMYK
- cmyk(0% 43% 48% 13%)
Tints · Shades · Tones
Tints
- E48C81
- E8998E
- ECA69C
- EFB3AA
- F3BFB8
- F6CCC6
- F9D9D4
- FBE5E2
- FDF2F0
Shades
- C26E63
- A55D54
- 8A4C45
- 6F3C36
- 562D28
- 3D1F1B
- 27110F
- 120605
- 020101
Tones
- D68075
- CD8076
- C48178
- BA8179
- B1817A
- A8817C
- 9E817D
- 94817E
- 8A807F
Farbharmonien
Komplementär +180°
- DF7F73
Marmalade Magic
- 00B2C5
≈ Antigua Blue
Analog -30° +30°
- DF7F73
Marmalade Magic
- DA7C9D
≈ Impatient Pink
- D58A4C
≈ Acorn Nut
Triadisch +120° +240°
- DF7F73
Marmalade Magic
- 65B272
≈ Pale Green
- 7E9AE9
≈ Portage
Geteilt komplementär +150° +210°
- DF7F73
Marmalade Magic
- 25B69E
≈ Aare River
- 49A8E0
≈ High Blue
Tetradisch +90° +180° +270°
- DF7F73
Marmalade Magic
- 97A84A
≈ Ogryn Camo
- 00B2C5
≈ Antigua Blue
- A78DDF
≈ Middy’s Purple
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.82:1 · APCA Lc 54
Ag
AAAAuf Schwarz
WCAG 7.42:1 · APCA Lc 48
Beste Textfarbe: #000000
WCAG 7.42:1 (AAA) · APCA Lc 48
Contrast pairs
Code-Snippets
CSS
:root {
--marmalade-magic: #df7f73;
--marmalade-magic-rgb: 223 127 115;
--marmalade-magic-oklch: oklch(0.698 0.121 28.1);
}
.element {
color: var(--marmalade-magic);
background-color: hsl(7 63% 66%);
border-color: oklch(0.698 0.121 28.1);
}Tailwind CSS v4
@theme {
--color-marmalade-magic: #df7f73;
--color-marmalade-magic-50: #ffe9e1;
--color-marmalade-magic-100: #ffdad0;
--color-marmalade-magic-200: #ffc2b6;
--color-marmalade-magic-300: #efa093;
--color-marmalade-magic-400: #dd8176;
--color-marmalade-magic-500: #ca6357;
--color-marmalade-magic-600: #aa544a;
--color-marmalade-magic-700: #89433b;
--color-marmalade-magic-800: #66302c;
--color-marmalade-magic-900: #48211d;
--color-marmalade-magic-950: #2e100d;
}SCSS
$marmalade-magic: #df7f73;
$marmalade-magic-rgb: 223, 127, 115;
$marmalade-magic-light: mix(#fff, $marmalade-magic, 20%);
$marmalade-magic-dark: mix(#000, $marmalade-magic, 20%);
.element {
color: $marmalade-magic;
box-shadow: 0 0 0 2px rgba($marmalade-magic, 0.35);
}