Benannte Farbe · #007722
Green Glutton
Green Glutton ist #007722: rgb(0 119 34), hsl(137 100% 23%), oklch(0.495 0.152 145.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Green Glutton color name →
#007722
oklch(0.495 0.152 145.8)
Farbumrechnungen
- HEX
- #007722
- RGB
- rgb(0 119 34)
- HSL
- hsl(137 100% 23%)
- HWB
- hwb(137 0% 53%)
- OKLCH
- oklch(0.495 0.152 145.8)
- OKLab
- oklab(0.495 -0.126 0.086)
- CIE Lab
- lab(43.24 -43.52 36.38)
- LCH
- lch(43.24 56.73 140.1)
- CMYK
- cmyk(100% 0% 71% 53%)
Tints · Shades · Tones
Tints
- 2F843A
- 4A9250
- 619F66
- 78AD7B
- 8FBB90
- A5C8A6
- BBD6BC
- D2E3D2
- E8F1E8
Shades
- 00671C
- 005716
- 004711
- 00380B
- 002A07
- 001C03
- 001001
- 000500
- 000100
Tones
- 20782F
- 317A39
- 3E7B43
- 497C4D
- 537D56
- 5D7E5E
- 667E67
- 6F7F6F
- 788078
Farbharmonien
Komplementär +180°
- 007722
Green Glutton
- 8C3C90
≈ Dahlia
Analog -30° +30°
- 007722
Green Glutton
- 5F6900
≈ Mud Green
- 007360
≈ Tropical Rainforest
Triadisch +120° +240°
- 007722
Green Glutton
- 385AB7
≈ Blasphemous Blue
- A73331
≈ Très Bien
Geteilt komplementär +150° +210°
- 007722
Green Glutton
- 6B4AAD
≈ Ultrapurple Merge
- A03265
≈ Parlour Red
Tetradisch +90° +180° +270°
- 007722
Green Glutton
- 006A96
≈ Hydra
- 8C3C90
≈ Dahlia
- 944C00
≈ Brownie
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.73:1 · APCA Lc 78
Ag
FailAuf Schwarz
WCAG 3.66:1 · APCA Lc 24
Beste Textfarbe: #FFFFFF
WCAG 5.73:1 (AA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--green-glutton: #007722;
--green-glutton-rgb: 0 119 34;
--green-glutton-oklch: oklch(0.495 0.152 145.8);
}
.element {
color: var(--green-glutton);
background-color: hsl(137 100% 23%);
border-color: oklch(0.495 0.152 145.8);
}Tailwind CSS v4
@theme {
--color-green-glutton: #007722;
--color-green-glutton-50: #d9ffdd;
--color-green-glutton-100: #c6f7cb;
--color-green-glutton-200: #a8e7af;
--color-green-glutton-300: #7fcd8a;
--color-green-glutton-400: #5cb665;
--color-green-glutton-500: #2e9f40;
--color-green-glutton-600: #298738;
--color-green-glutton-700: #216c2c;
--color-green-glutton-800: #1a4f1c;
--color-green-glutton-900: #113712;
--color-green-glutton-950: #032204;
}SCSS
$green-glutton: #007722;
$green-glutton-rgb: 0, 119, 34;
$green-glutton-light: mix(#fff, $green-glutton, 20%);
$green-glutton-dark: mix(#000, $green-glutton, 20%);
.element {
color: $green-glutton;
box-shadow: 0 0 0 2px rgba($green-glutton, 0.35);
}