Benannte Farbe · #ACB977
Green Curry
Green Curry ist #ACB977: rgb(172 185 119), hsl(72 32% 60%), oklch(0.76 0.089 117.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Green Curry color name →
#ACB977
oklch(0.76 0.089 117.7)
Farbumrechnungen
- HEX
- #acb977
- RGB
- rgb(172 185 119)
- HSL
- hsl(72 32% 60%)
- HWB
- hwb(72 47% 27%)
- OKLCH
- oklch(0.76 0.089 117.7)
- OKLab
- oklab(0.76 -0.041 0.079)
- CIE Lab
- lab(72.94 -12.62 31.94)
- LCH
- lch(72.94 34.34 111.6)
- CMYK
- cmyk(7% 0% 36% 27%)
Tints · Shades · Tones
Tints
- B4C085
- BCC792
- C4CEA0
- CCD5AE
- D5DCBB
- DDE3C9
- E5EAD6
- EEF1E4
- F6F8F1
Shades
- 95A067
- 7F8957
- 697147
- 545B38
- 40462A
- 2D311C
- 1B1E10
- 0B0D05
- 010201
Tones
- A7B379
- A3AD7A
- 9EA87B
- 9AA27C
- 969C7D
- 91977E
- 8D917F
- 888B7F
- 848680
Farbharmonien
Komplementär +180°
- ACB977
Green Curry
- B7A5E3
≈ Enchanted Lavender
Analog -30° +30°
- ACB977
Green Curry
- C9AE6D
≈ Dried Moss
- 8AC191
≈ Country Weekend
Triadisch +120° +240°
- ACB977
Green Curry
- 79BAE3
≈ Costa Rica Blue
- E099B1
≈ Passion Potion
Geteilt komplementär +150° +210°
- ACB977
Green Curry
- 98AFEB
≈ Wondrous Wisteria
- D09DCE
≈ Girl Power
Tetradisch +90° +180° +270°
- ACB977
Green Curry
- 65C1CE
≈ Arctic Ocean
- B7A5E3
≈ Enchanted Lavender
- E49B92
≈ Coral Almond
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.10:1 · APCA Lc 41
Ag
AAAAuf Schwarz
WCAG 9.96:1 · APCA Lc 61
Beste Textfarbe: #000000
WCAG 9.96:1 (AAA) · APCA Lc 61
Contrast pairs
Code-Snippets
CSS
:root {
--green-curry: #acb977;
--green-curry-rgb: 172 185 119;
--green-curry-oklch: oklch(0.76 0.089 117.7);
}
.element {
color: var(--green-curry);
background-color: hsl(72 32% 60%);
border-color: oklch(0.76 0.089 117.7);
}Tailwind CSS v4
@theme {
--color-green-curry: #acb977;
--color-green-curry-50: #f2f9dd;
--color-green-curry-100: #e4edcc;
--color-green-curry-200: #cfdab0;
--color-green-curry-300: #b1bf8b;
--color-green-curry-400: #9aa668;
--color-green-curry-500: #818e46;
--color-green-curry-600: #6d783c;
--color-green-curry-700: #576030;
--color-green-curry-800: #414620;
--color-green-curry-900: #2d3115;
--color-green-curry-950: #1a1d07;
}SCSS
$green-curry: #acb977;
$green-curry-rgb: 172, 185, 119;
$green-curry-light: mix(#fff, $green-curry, 20%);
$green-curry-dark: mix(#000, $green-curry, 20%);
.element {
color: $green-curry;
box-shadow: 0 0 0 2px rgba($green-curry, 0.35);
}