Benannte Farbe · #AC7E04
Murder Mustard
Murder Mustard ist #AC7E04: rgb(172 126 4), hsl(44 95% 35%), oklch(0.622 0.127 82.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Murder Mustard color name →
#AC7E04
oklch(0.622 0.127 82.6)
Farbumrechnungen
- HEX
- #ac7e04
- RGB
- rgb(172 126 4)
- HSL
- hsl(44 95% 35%)
- HWB
- hwb(44 2% 33%)
- OKLCH
- oklch(0.622 0.127 82.6)
- OKLab
- oklab(0.622 0.016 0.126)
- CIE Lab
- lab(56.23 11.85 60.67)
- LCH
- lch(56.23 61.82 78.9)
- CMYK
- cmyk(0% 27% 98% 33%)
Tints · Shades · Tones
Tints
- B48B34
- BD984F
- C5A466
- CDB17D
- D6BE93
- DECBA8
- E6D8BE
- EEE5D3
- F7F2E9
Shades
- 956D03
- 7F5C02
- 694C01
- 543C01
- 402D01
- 2D1F00
- 1B1100
- 0B0500
- 010100
Tones
- A87F24
- A37F35
- 9F8042
- 9B804D
- 968057
- 928060
- 8E8068
- 898071
- 858078
Farbharmonien
Komplementär +180°
- AC7E04
Murder Mustard
- 5D85D3
≈ Blue Jay
Analog -30° +30°
- AC7E04
Murder Mustard
- C16E35
≈ Tiger Stripe
- 888E20
≈ Foggy Bog
Triadisch +120° +240°
- AC7E04
Murder Mustard
- 0099A3
≈ Island Dream
- AB6BB3
≈ Soft Purple
Geteilt komplementär +150° +210°
- AC7E04
Murder Mustard
- 0492C6
≈ Dynamic Blue
- 8A77CC
≈ True V
Tetradisch +90° +180° +270°
- AC7E04
Murder Mustard
- 009E7F
≈ Tropical Kelp
- 5D85D3
≈ Blue Jay
- C0648E
≈ Malevolent Mauve
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.65:1 · APCA Lc 64
Ag
AAAuf Schwarz
WCAG 5.74:1 · APCA Lc 38
Beste Textfarbe: #000000
WCAG 5.74:1 (AA) · APCA Lc 38
Contrast pairs
Code-Snippets
CSS
:root {
--murder-mustard: #ac7e04;
--murder-mustard-rgb: 172 126 4;
--murder-mustard-oklch: oklch(0.622 0.127 82.6);
}
.element {
color: var(--murder-mustard);
background-color: hsl(44 95% 35%);
border-color: oklch(0.622 0.127 82.6);
}Tailwind CSS v4
@theme {
--color-murder-mustard: #ac7e04;
--color-murder-mustard-50: #fff3cc;
--color-murder-mustard-100: #fce5b8;
--color-murder-mustard-200: #eed195;
--color-murder-mustard-300: #d6b268;
--color-murder-mustard-400: #c39739;
--color-murder-mustard-500: #af7c00;
--color-murder-mustard-600: #946900;
--color-murder-mustard-700: #765400;
--color-murder-mustard-800: #593c00;
--color-murder-mustard-900: #3e2a00;
--color-murder-mustard-950: #271700;
}SCSS
$murder-mustard: #ac7e04;
$murder-mustard-rgb: 172, 126, 4;
$murder-mustard-light: mix(#fff, $murder-mustard, 20%);
$murder-mustard-dark: mix(#000, $murder-mustard, 20%);
.element {
color: $murder-mustard;
box-shadow: 0 0 0 2px rgba($murder-mustard, 0.35);
}