Benannte Farbe · #A8B504
Mustard Green
Mustard Green ist #A8B504: rgb(168 181 4), hsl(64 96% 36%), oklch(0.738 0.166 114.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Mustard Green color name →
#A8B504
oklch(0.738 0.166 114.9)
Farbumrechnungen
- HEX
- #a8b504
- RGB
- rgb(168 181 4)
- HSL
- hsl(64 96% 36%)
- HWB
- hwb(64 2% 29%)
- OKLCH
- oklch(0.738 0.166 114.9)
- OKLab
- oklab(0.738 -0.07 0.151)
- CIE Lab
- lab(70.76 -17.7 70.42)
- LCH
- lch(70.76 72.61 104.1)
- CMYK
- cmyk(7% 0% 98% 29%)
Tints · Shades · Tones
Tints
- B0BD3C
- B8C459
- C1CC71
- C9D387
- D2DB9C
- DBE2B0
- E3EAC4
- EDF1D8
- F6F8EB
Shades
- 929D03
- 7C8602
- 676F01
- 525901
- 3F4401
- 2C3000
- 1A1D00
- 0A0C00
- 010200
Tones
- A4B02B
- 9FAB3D
- 9BA64B
- 97A055
- 939B5E
- 8F9667
- 8B906E
- 878B74
- 84867A
Farbharmonien
Komplementär +180°
- A8B504
Mustard Green
- B195FF
≈ Liliac
Analog -30° +30°
- A8B504
Mustard Green
- D6A100
≈ Immortelle Yellow
- 5DC563
≈ Verdant Oasis
Triadisch +120° +240°
- A8B504
Mustard Green
- 00B8FD
≈ Blue Bolt
- F879B0
≈ Erythrosine
Geteilt komplementär +150° +210°
- A8B504
Mustard Green
- 80A7FF
≈ Fennel Flower
- DD82E3
≈ Hibiscus Pop
Tetradisch +90° +180° +270°
- A8B504
Mustard Green
- 00C0CF
≈ The Crowd Roars!
- B195FF
≈ Liliac
- FF7D76
≈ Salmon Sashimi
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.26:1 · APCA Lc 44
Ag
AAAAuf Schwarz
WCAG 9.27:1 · APCA Lc 58
Beste Textfarbe: #000000
WCAG 9.27:1 (AAA) · APCA Lc 58
Contrast pairs
Code-Snippets
CSS
:root {
--mustard-green: #a8b504;
--mustard-green-rgb: 168 181 4;
--mustard-green-oklch: oklch(0.738 0.166 114.9);
}
.element {
color: var(--mustard-green);
background-color: hsl(64 96% 36%);
border-color: oklch(0.738 0.166 114.9);
}Tailwind CSS v4
@theme {
--color-mustard-green: #a8b504;
--color-mustard-green-50: #f1fcc6;
--color-mustard-green-100: #e4f0b0;
--color-mustard-green-200: #cfde8a;
--color-mustard-green-300: #b2c258;
--color-mustard-green-400: #9ca903;
--color-mustard-green-500: #859000;
--color-mustard-green-600: #707a00;
--color-mustard-green-700: #5a6200;
--color-mustard-green-800: #444700;
--color-mustard-green-900: #2f3100;
--color-mustard-green-950: #1c1d00;
}SCSS
$mustard-green: #a8b504;
$mustard-green-rgb: 168, 181, 4;
$mustard-green-light: mix(#fff, $mustard-green, 20%);
$mustard-green-dark: mix(#000, $mustard-green, 20%);
.element {
color: $mustard-green;
box-shadow: 0 0 0 2px rgba($mustard-green, 0.35);
}