Benannte Farbe · #DF7163
Mettwurst
Mettwurst ist #DF7163: rgb(223 113 99), hsl(7 66% 63%), oklch(0.673 0.14 28.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Mettwurst color name →
#DF7163
oklch(0.673 0.14 28.8)
Farbumrechnungen
- HEX
- #df7163
- RGB
- rgb(223 113 99)
- HSL
- hsl(7 66% 63%)
- HWB
- hwb(7 39% 13%)
- OKLCH
- oklch(0.673 0.14 28.8)
- OKLab
- oklab(0.673 0.123 0.067)
- CIE Lab
- lab(60.79 42.89 28.58)
- LCH
- lch(60.79 51.55 33.7)
- CMYK
- cmyk(0% 49% 56% 13%)
Tints · Shades · Tones
Tints
- E48072
- E88E82
- ED9D91
- F0ABA0
- F4B9B0
- F7C7BF
- FAD5CF
- FCE3DF
- FEF1EF
Shades
- C26155
- A55247
- 8A433A
- 6F352E
- 562721
- 3D1A16
- 270E0B
- 120403
- 020100
Tones
- D67466
- CD766A
- C4786D
- BB7A70
- B27B73
- A87C76
- 9F7E78
- 957F7B
- 8B7F7E
Farbharmonien
Komplementär +180°
- DF7163
Mettwurst
- 00A9BC
≈ Bluebird
Analog -30° +30°
- DF7163
Mettwurst
- D96E95
≈ Paris Pink
- D47E2E
≈ Yellow Mandarin
Triadisch +120° +240°
- DF7163
Mettwurst
- 4FAD64
≈ Algae
- 7391EC
≈ Guilliman Blue
Geteilt komplementär +150° +210°
- DF7163
Mettwurst
- 00AE97
≈ Pool Green
- 26A0E2
≈ Vanadyl Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.14:1 · APCA Lc 58
Ag
AAAuf Schwarz
WCAG 6.67:1 · APCA Lc 44
Beste Textfarbe: #000000
WCAG 6.67:1 (AA) · APCA Lc 44
Contrast pairs
Code-Snippets
CSS
:root {
--mettwurst: #df7163;
--mettwurst-rgb: 223 113 99;
--mettwurst-oklch: oklch(0.673 0.14 28.8);
}
.element {
color: var(--mettwurst);
background-color: hsl(7 66% 63%);
border-color: oklch(0.673 0.14 28.8);
}Tailwind CSS v4
@theme {
--color-mettwurst: #df7163;
--color-mettwurst-50: #ffe7dd;
--color-mettwurst-100: #ffd7cc;
--color-mettwurst-200: #ffbeb0;
--color-mettwurst-300: #f69c8c;
--color-mettwurst-400: #e57c6e;
--color-mettwurst-500: #d35b4e;
--color-mettwurst-600: #b24e42;
--color-mettwurst-700: #8f3e35;
--color-mettwurst-800: #6b2c27;
--color-mettwurst-900: #4b1e1a;
--color-mettwurst-950: #310d0b;
}SCSS
$mettwurst: #df7163;
$mettwurst-rgb: 223, 113, 99;
$mettwurst-light: mix(#fff, $mettwurst, 20%);
$mettwurst-dark: mix(#000, $mettwurst, 20%);
.element {
color: $mettwurst;
box-shadow: 0 0 0 2px rgba($mettwurst, 0.35);
}