Benannte Farbe · #006C44
Clover Green
Clover Green ist #006C44: rgb(0 108 68), hsl(158 100% 21%), oklch(0.468 0.107 159.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Clover Green color name →
#006C44
oklch(0.468 0.107 159.3)
Farbumrechnungen
- HEX
- #006c44
- RGB
- rgb(0 108 68)
- HSL
- hsl(158 100% 21%)
- HWB
- hwb(158 0% 58%)
- OKLCH
- oklch(0.468 0.107 159.3)
- OKLab
- oklab(0.468 -0.1 0.038)
- CIE Lab
- lab(39.75 -35.75 14.62)
- LCH
- lch(39.75 38.62 157.8)
- CMYK
- cmyk(100% 0% 37% 58%)
Tints · Shades · Tones
Tints
- 2D7A55
- 478866
- 5F9778
- 76A58B
- 8DB49D
- A3C3B0
- BAD2C3
- D1E1D7
- E8F0EB
Shades
- 005D3A
- 004E30
- 004026
- 00321D
- 002514
- 00190C
- 000D05
- 000402
- 000000
Tones
- 1E6E4A
- 2F7150
- 3C7356
- 47755C
- 527762
- 5B7968
- 657B6E
- 6E7D74
- 777E7A
Farbharmonien
Komplementär +180°
- 006C44
Clover Green
- 80406E
≈ Bruise
Analog -30° +30°
- 006C44
Clover Green
- 47661B
≈ Camouflage Green
- 006964
≈ Butterfly Green
Triadisch +120° +240°
- 006C44
Clover Green
- 4F5295
≈ Blue Ember
- 8B4229
≈ Olive Niçoise
Geteilt komplementär +150° +210°
- 006C44
Clover Green
- 6C4887
≈ Plum Jam
- 8B3D4D
≈ Liaison
Tetradisch +90° +180° +270°
- 006C44
Clover Green
- 215D93
≈ Lapis Jewel
- 80406E
≈ Bruise
- 7E4E00
≈ Gédéon Brown
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.50:1 · APCA Lc 82
Ag
FailAuf Schwarz
WCAG 3.22:1 · APCA Lc 20
Beste Textfarbe: #FFFFFF
WCAG 6.50:1 (AA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--clover-green: #006c44;
--clover-green-rgb: 0 108 68;
--clover-green-oklch: oklch(0.468 0.107 159.3);
}
.element {
color: var(--clover-green);
background-color: hsl(158 100% 21%);
border-color: oklch(0.468 0.107 159.3);
}Tailwind CSS v4
@theme {
--color-clover-green: #006c44;
--color-clover-green-50: #dbffeb;
--color-clover-green-100: #c9f4dd;
--color-clover-green-200: #ace3c6;
--color-clover-green-300: #85c9a6;
--color-clover-green-400: #61b288;
--color-clover-green-500: #379b6c;
--color-clover-green-600: #31835c;
--color-clover-green-700: #276949;
--color-clover-green-800: #1c4d33;
--color-clover-green-900: #133623;
--color-clover-green-950: #042112;
}SCSS
$clover-green: #006c44;
$clover-green-rgb: 0, 108, 68;
$clover-green-light: mix(#fff, $clover-green, 20%);
$clover-green-dark: mix(#000, $clover-green, 20%);
.element {
color: $clover-green;
box-shadow: 0 0 0 2px rgba($clover-green, 0.35);
}