Benannte Farbe · #4C9141
May Green
May Green ist #4C9141: rgb(76 145 65), hsl(112 38% 41%), oklch(0.592 0.134 141). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · May Green color name →
#4C9141
oklch(0.592 0.134 141)
Farbumrechnungen
- HEX
- #4c9141
- RGB
- rgb(76 145 65)
- HSL
- hsl(112 38% 41%)
- HWB
- hwb(112 25% 43%)
- OKLCH
- oklch(0.592 0.134 141)
- OKLab
- oklab(0.592 -0.104 0.084)
- CIE Lab
- lab(54.27 -35.09 34.87)
- LCH
- lch(54.27 49.47 135.2)
- CMYK
- cmyk(48% 0% 55% 43%)
Tints · Shades · Tones
Tints
- 5F9C55
- 70A768
- 82B27A
- 94BD8D
- A5C89F
- B7D3B2
- C9DEC5
- DBE9D8
- EDF4EC
Shades
- 417D37
- 366A2E
- 2C5825
- 22461C
- 183513
- 0F250B
- 061505
- 020701
- 000100
Tones
- 539049
- 598E50
- 5E8D57
- 648B5D
- 698964
- 6E886A
- 73866F
- 778475
- 7C827B
Farbharmonien
Komplementär +180°
- 4C9141
May Green
- A160AE
≈ Prickly Purple
Analog -30° +30°
- 4C9141
May Green
- 828400
≈ Drably Olive
- 009475
≈ Pool Table
Triadisch +120° +240°
- 4C9141
May Green
- 4E7CCD
≈ Serenity’s Reign
- C1595A
≈ Pimm’s
Geteilt komplementär +150° +210°
- 4C9141
May Green
- 7F6DC7
≈ Venus Violet
- B85888
≈ Berry Boost
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.86:1 · APCA Lc 66
Ag
AAAuf Schwarz
WCAG 5.43:1 · APCA Lc 36
Beste Textfarbe: #000000
WCAG 5.43:1 (AA) · APCA Lc 36
Contrast pairs
Code-Snippets
CSS
:root {
--may-green: #4c9141;
--may-green-rgb: 76 145 65;
--may-green-oklch: oklch(0.592 0.134 141);
}
.element {
color: var(--may-green);
background-color: hsl(112 38% 41%);
border-color: oklch(0.592 0.134 141);
}Tailwind CSS v4
@theme {
--color-may-green: #4c9141;
--color-may-green-50: #e0ffdd;
--color-may-green-100: #cef4cb;
--color-may-green-200: #b3e4af;
--color-may-green-300: #8ec98a;
--color-may-green-400: #70b265;
--color-may-green-500: #4e9b41;
--color-may-green-600: #438338;
--color-may-green-700: #35692d;
--color-may-green-800: #284d1d;
--color-may-green-900: #1b3613;
--color-may-green-950: #0b2105;
}SCSS
$may-green: #4c9141;
$may-green-rgb: 76, 145, 65;
$may-green-light: mix(#fff, $may-green, 20%);
$may-green-dark: mix(#000, $may-green, 20%);
.element {
color: $may-green;
box-shadow: 0 0 0 2px rgba($may-green, 0.35);
}