Benannte Farbe · #93B654
Fresh Mown
Fresh Mown ist #93B654: rgb(147 182 84), hsl(81 40% 52%), oklch(0.729 0.132 125.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Fresh Mown color name →
#93B654
oklch(0.729 0.132 125.8)
Farbumrechnungen
- HEX
- #93b654
- RGB
- rgb(147 182 84)
- HSL
- hsl(81 40% 52%)
- HWB
- hwb(81 33% 29%)
- OKLCH
- oklch(0.729 0.132 125.8)
- OKLab
- oklab(0.729 -0.077 0.107)
- CIE Lab
- lab(69.87 -23.93 45.03)
- LCH
- lch(69.87 50.99 118)
- CMYK
- cmyk(19% 0% 54% 29%)
Tints · Shades · Tones
Tints
- 9DBD67
- A8C579
- B2CC8A
- BDD49B
- C8DBAC
- D3E2BD
- DDE9CD
- E9F1DE
- F4F8EE
Shades
- 7F9E48
- 6C863C
- 596F31
- 475926
- 36441B
- 253011
- 161D08
- 080C02
- 010200
Tones
- 91B15B
- 8FAB60
- 8DA666
- 8BA16A
- 899B6F
- 889673
- 869076
- 848B7A
- 82867D
Farbharmonien
Komplementär +180°
- 93B654
Fresh Mown
- BC91E9
≈ Luminous Lavender
Analog -30° +30°
- 93B654
Fresh Mown
- C0A634
≈ Hey Pesto
- 57C084
≈ Spearmint Burst
Triadisch +120° +240°
- 93B654
Fresh Mown
- 59AFF5
≈ Blue Jeans
- EC829B
≈ Iced Berry
Geteilt komplementär +150° +210°
- 93B654
Fresh Mown
- 919FFA
≈ Periwinkle Blue
- DB86C7
≈ Pink Punk
Tetradisch +90° +180° +270°
- 93B654
Fresh Mown
- 00BBDB
≈ Maldives
- BC91E9
≈ Luminous Lavender
- EE876C
≈ Peachy Feeling
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.31:1 · APCA Lc 46
Ag
AAAAuf Schwarz
WCAG 9.05:1 · APCA Lc 56
Beste Textfarbe: #000000
WCAG 9.05:1 (AAA) · APCA Lc 56
Contrast pairs
Code-Snippets
CSS
:root {
--fresh-mown: #93b654;
--fresh-mown-rgb: 147 182 84;
--fresh-mown-oklch: oklch(0.729 0.132 125.8);
}
.element {
color: var(--fresh-mown);
background-color: hsl(81 40% 52%);
border-color: oklch(0.729 0.132 125.8);
}Tailwind CSS v4
@theme {
--color-fresh-mown: #93b654;
--color-fresh-mown-50: #eafdd5;
--color-fresh-mown-100: #dbf1c2;
--color-fresh-mown-200: #c4e0a3;
--color-fresh-mown-300: #a4c47a;
--color-fresh-mown-400: #8bac50;
--color-fresh-mown-500: #71951f;
--color-fresh-mown-600: #5f7e1d;
--color-fresh-mown-700: #4c6518;
--color-fresh-mown-800: #394a0c;
--color-fresh-mown-900: #273307;
--color-fresh-mown-950: #151f00;
}SCSS
$fresh-mown: #93b654;
$fresh-mown-rgb: 147, 182, 84;
$fresh-mown-light: mix(#fff, $fresh-mown, 20%);
$fresh-mown-dark: mix(#000, $fresh-mown, 20%);
.element {
color: $fresh-mown;
box-shadow: 0 0 0 2px rgba($fresh-mown, 0.35);
}