Colore con nome · #41B45C
Artificial Turf
Artificial Turf è #41B45C: rgb(65 180 92), hsl(134 47% 48%), oklch(0.684 0.163 148.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Artificial Turf color name →
#41B45C
oklch(0.684 0.163 148.1)
Conversioni di colore
- HEX
- #41b45c
- RGB
- rgb(65 180 92)
- HSL
- hsl(134 47% 48%)
- HWB
- hwb(134 25% 29%)
- OKLCH
- oklch(0.684 0.163 148.1)
- OKLab
- oklab(0.684 -0.138 0.086)
- CIE Lab
- lab(65.39 -48.04 34.73)
- LCH
- lch(65.39 59.28 144.1)
- CMYK
- cmyk(64% 0% 49% 29%)
Tinte · Ombre · Toni
Tinte
- 5ABC6D
- 6FC47D
- 82CB8D
- 95D39E
- A7DAAE
- B9E2BE
- CBE9CE
- DCF1DE
- EEF8EF
Ombre
- 379C4F
- 2E8542
- 256E36
- 1C582A
- 13441F
- 0B3014
- 051D0A
- 010C03
- 000200
Toni
- 4CAF61
- 55AA65
- 5DA569
- 64A06D
- 6A9B71
- 6F9674
- 749077
- 788B7A
- 7C867D
Armonie di colore
Complementare +180°
- 41B45C
Artificial Turf
- CE71CC
≈ Purple Kush
Analogo -30° +30°
- 41B45C
Artificial Turf
- 91A600
≈ Augustus Asparagus
- 00B29A
≈ Aloha
Triadico +120° +240°
- 41B45C
Artificial Turf
- 6F92FE
≈ Punch Out Glove
- ED6C5E
≈ Autumn Enchantment
Complementare divisa +150° +210°
- 41B45C
Artificial Turf
- A780F0
≈ Purple Illusionist
- E66999
≈ Shadow Azalea Pink
Tetradico +90° +180° +270°
- 41B45C
Artificial Turf
- 00A5EC
≈ Vivid Cerulean
- CE71CC
≈ Purple Kush
- E27B02
≈ First of Fall
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.65:1 · APCA Lc 51
Ag
AAASu nero
WCAG 7.90:1 · APCA Lc 51
Miglior colore del testo: #000000
WCAG 7.90:1 (AAA) · APCA Lc 51
Contrast pairs
Frammenti di codice
CSS
:root {
--artificial-turf: #41b45c;
--artificial-turf-rgb: 65 180 92;
--artificial-turf-oklch: oklch(0.684 0.163 148.1);
}
.element {
color: var(--artificial-turf);
background-color: hsl(134 47% 48%);
border-color: oklch(0.684 0.163 148.1);
}Tailwind CSS v4
@theme {
--color-artificial-turf: #41b45c;
--color-artificial-turf-50: #d5ffdd;
--color-artificial-turf-100: #c2f8cc;
--color-artificial-turf-200: #a1e8b0;
--color-artificial-turf-300: #75cf8a;
--color-artificial-turf-400: #4eb864;
--color-artificial-turf-500: #00a240;
--color-artificial-turf-600: #0c8937;
--color-artificial-turf-700: #0c6e2c;
--color-artificial-turf-800: #0e501b;
--color-artificial-turf-900: #093812;
--color-artificial-turf-950: #002204;
}SCSS
$artificial-turf: #41b45c;
$artificial-turf-rgb: 65, 180, 92;
$artificial-turf-light: mix(#fff, $artificial-turf, 20%);
$artificial-turf-dark: mix(#000, $artificial-turf, 20%);
.element {
color: $artificial-turf;
box-shadow: 0 0 0 2px rgba($artificial-turf, 0.35);
}