Benannte Farbe · #69913D
Mary’s Garden
Mary’s Garden ist #69913D: rgb(105 145 61), hsl(89 41% 40%), oklch(0.608 0.122 130.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Mary’s Garden color name →
#69913D
oklch(0.608 0.122 130.6)
Farbumrechnungen
- HEX
- #69913d
- RGB
- rgb(105 145 61)
- HSL
- hsl(89 41% 40%)
- HWB
- hwb(89 24% 43%)
- OKLCH
- oklch(0.608 0.122 130.6)
- OKLab
- oklab(0.608 -0.079 0.093)
- CIE Lab
- lab(55.81 -25.2 39.06)
- LCH
- lch(55.81 46.48 122.8)
- CMYK
- cmyk(28% 0% 58% 43%)
Tints · Shades · Tones
Tints
- 779C52
- 86A765
- 94B279
- A3BD8C
- B2C89F
- C1D3B2
- D0DEC5
- E0E9D8
- EFF4EB
Shades
- 5A7D34
- 4C6A2B
- 3E5822
- 31461A
- 243512
- 18250A
- 0C1504
- 040701
- 000100
Tones
- 6B9046
- 6E8E4E
- 708C55
- 738B5C
- 758963
- 778769
- 79866F
- 7C8475
- 7E827A
Farbharmonien
Komplementär +180°
- 69913D
Mary’s Garden
- 9A6CB9
≈ Viola
Analog -30° +30°
- 69913D
Mary’s Garden
- 938412
≈ Thicket Green
- 29996A
≈ Starship Trooper
Triadisch +120° +240°
- 69913D
Mary’s Garden
- 4486C9
≈ Casting Sea
- BF6171
≈ Candy Drop
Geteilt komplementär +150° +210°
- 69913D
Mary’s Garden
- 7679CA
≈ Kickstart Purple
- B36399
≈ Spring Crocus
Tetradisch +90° +180° +270°
- 69913D
Mary’s Garden
- 0091B1
≈ Cool Tide
- 9A6CB9
≈ Viola
- BF6746
≈ Dirt Track
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.67:1 · APCA Lc 64
Ag
AAAuf Schwarz
WCAG 5.71:1 · APCA Lc 37
Beste Textfarbe: #000000
WCAG 5.71:1 (AA) · APCA Lc 37
Contrast pairs
Code-Snippets
CSS
:root {
--mary-s-garden: #69913d;
--mary-s-garden-rgb: 105 145 61;
--mary-s-garden-oklch: oklch(0.608 0.122 130.6);
}
.element {
color: var(--mary-s-garden);
background-color: hsl(89 41% 40%);
border-color: oklch(0.608 0.122 130.6);
}Tailwind CSS v4
@theme {
--color-mary-s-garden: #69913d;
--color-mary-s-garden-50: #e8fdda;
--color-mary-s-garden-100: #d9f1c8;
--color-mary-s-garden-200: #c1e0aa;
--color-mary-s-garden-300: #a0c584;
--color-mary-s-garden-400: #85ad5e;
--color-mary-s-garden-500: #6a9637;
--color-mary-s-garden-600: #5a7f30;
--color-mary-s-garden-700: #486626;
--color-mary-s-garden-800: #354a18;
--color-mary-s-garden-900: #24330f;
--color-mary-s-garden-950: #131f03;
}SCSS
$mary-s-garden: #69913d;
$mary-s-garden-rgb: 105, 145, 61;
$mary-s-garden-light: mix(#fff, $mary-s-garden, 20%);
$mary-s-garden-dark: mix(#000, $mary-s-garden, 20%);
.element {
color: $mary-s-garden;
box-shadow: 0 0 0 2px rgba($mary-s-garden, 0.35);
}