Benannte Farbe · #D4CC00
March Green
March Green ist #D4CC00: rgb(212 204 0), hsl(58 100% 42%), oklch(0.825 0.177 106.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · March Green color name →
#D4CC00
oklch(0.825 0.177 106.8)
Farbumrechnungen
- HEX
- #d4cc00
- RGB
- rgb(212 204 0)
- HSL
- hsl(58 100% 42%)
- HWB
- hwb(58 0% 17%)
- OKLCH
- oklch(0.825 0.177 106.8)
- OKLab
- oklab(0.825 -0.051 0.169)
- CIE Lab
- lab(80.7 -9.94 79.78)
- LCH
- lch(80.7 80.4 97.1)
- CMYK
- cmyk(0% 4% 100% 17%)
Tints · Shades · Tones
Tints
- D8D241
- DCD75F
- E0DC78
- E4E28D
- E8E7A2
- EDECB5
- F1F1C8
- F6F6DB
- FAFAED
Shades
- B8B100
- 9D9700
- 837E00
- 696500
- 514E00
- 3A3700
- 242200
- 100F00
- 020200
Tones
- CBC42F
- C2BD42
- BAB550
- B1AE5B
- A8A663
- A09F6B
- 989771
- 908F77
- 88887C
Farbharmonien
Komplementär +180°
- D4CC00
March Green
- C1BDFF
≈ Dried Lilac
Analog -30° +30°
- D4CC00
March Green
- FFB632
≈ Sunset Glow
- 8CDF66
≈ Lilliputian Lime
Triadisch +120° +240°
- D4CC00
March Green
- 6BD5FF
≈ Heisenberg Blue
- FFA5D5
≈ Corinthian Pink
Geteilt komplementär +150° +210°
- D4CC00
March Green
- A1C8FF
≈ Apocyan
- E8AAFF
≈ Pink Sugar
Tetradisch +90° +180° +270°
- D4CC00
March Green
- 00E1E5
≈ Fish Boy
- C1BDFF
≈ Dried Lilac
- FFACAF
≈ Apricot Haze
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.68:1 · APCA Lc 30
Ag
AAAAuf Schwarz
WCAG 12.43:1 · APCA Lc 73
Beste Textfarbe: #000000
WCAG 12.43:1 (AAA) · APCA Lc 73
Contrast pairs
Code-Snippets
CSS
:root {
--march-green: #d4cc00;
--march-green-rgb: 212 204 0;
--march-green-oklch: oklch(0.825 0.177 106.8);
}
.element {
color: var(--march-green);
background-color: hsl(58 100% 42%);
border-color: oklch(0.825 0.177 106.8);
}Tailwind CSS v4
@theme {
--color-march-green: #d4cc00;
--color-march-green-50: #f9fabf;
--color-march-green-100: #eceda8;
--color-march-green-200: #dadb7f;
--color-march-green-300: #bfbe45;
--color-march-green-400: #aca400;
--color-march-green-500: #968a00;
--color-march-green-600: #7f7500;
--color-march-green-700: #655e00;
--color-march-green-800: #4d4400;
--color-march-green-900: #352f00;
--color-march-green-950: #211b00;
}SCSS
$march-green: #d4cc00;
$march-green-rgb: 212, 204, 0;
$march-green-light: mix(#fff, $march-green, 20%);
$march-green-dark: mix(#000, $march-green, 20%);
.element {
color: $march-green;
box-shadow: 0 0 0 2px rgba($march-green, 0.35);
}