Benannte Farbe · #72B874
Green Galore
Green Galore ist #72B874: rgb(114 184 116), hsl(122 33% 58%), oklch(0.719 0.12 144.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Green Galore color name →
#72B874
oklch(0.719 0.12 144.8)
Farbumrechnungen
- HEX
- #72b874
- RGB
- rgb(114 184 116)
- HSL
- hsl(122 33% 58%)
- HWB
- hwb(122 45% 28%)
- OKLCH
- oklch(0.719 0.12 144.8)
- OKLab
- oklab(0.719 -0.098 0.069)
- CIE Lab
- lab(68.87 -33.56 27.38)
- LCH
- lch(68.87 43.31 140.8)
- CMYK
- cmyk(38% 0% 37% 28%)
Tints · Shades · Tones
Tints
- 81BF82
- 8FC690
- 9DCE9D
- ABD5AB
- B9DCB9
- C7E3C7
- D5EAD5
- E3F1E3
- F1F8F1
Shades
- 62A064
- 538854
- 447145
- 365B37
- 284529
- 1B311B
- 0E1E0F
- 040C05
- 010201
Tones
- 74B276
- 76AD77
- 78A779
- 7AA27A
- 7B9C7B
- 7D977D
- 7E917E
- 7F8B7E
- 7F867F
Farbharmonien
Komplementär +180°
- 72B874
Green Galore
- CA89CE
≈ Purception
Analog -30° +30°
- 72B874
Green Galore
- A2AD4E
≈ Intoxication
- 39BCA0
≈ First Post
Triadisch +120° +240°
- 72B874
Green Galore
- 7FA2F0
≈ Fennel Flower
- E6857E
≈ Cultured Rose
Geteilt komplementär +150° +210°
- 72B874
Green Galore
- AA94E8
≈ Dreamy Candy Forest
- DF83A8
≈ Sweet Chrysanthemum
Tetradisch +90° +180° +270°
- 72B874
Green Galore
- 4BB0E4
≈ Summer Sky
- CA89CE
≈ Purception
- DE8F57
≈ Persian Orange
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.37:1 · APCA Lc 47
Ag
AAAAuf Schwarz
WCAG 8.82:1 · APCA Lc 55
Beste Textfarbe: #000000
WCAG 8.82:1 (AAA) · APCA Lc 55
Contrast pairs
Code-Snippets
CSS
:root {
--green-galore: #72b874;
--green-galore-rgb: 114 184 116;
--green-galore-oklch: oklch(0.719 0.12 144.8);
}
.element {
color: var(--green-galore);
background-color: hsl(122 33% 58%);
border-color: oklch(0.719 0.12 144.8);
}Tailwind CSS v4
@theme {
--color-green-galore: #72b874;
--color-green-galore-50: #e0ffe2;
--color-green-galore-100: #cff3d1;
--color-green-galore-200: #b3e3b7;
--color-green-galore-300: #8ec893;
--color-green-galore-400: #6fb171;
--color-green-galore-500: #4d9a51;
--color-green-galore-600: #428345;
--color-green-galore-700: #346937;
--color-green-galore-800: #274d25;
--color-green-galore-900: #1a3519;
--color-green-galore-950: #0a2009;
}SCSS
$green-galore: #72b874;
$green-galore-rgb: 114, 184, 116;
$green-galore-light: mix(#fff, $green-galore, 20%);
$green-galore-dark: mix(#000, $green-galore, 20%);
.element {
color: $green-galore;
box-shadow: 0 0 0 2px rgba($green-galore, 0.35);
}