Colore con nome · #A7E142
Dynamic Green
Dynamic Green è #A7E142: rgb(167 225 66), hsl(82 73% 57%), oklch(0.841 0.192 127.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Dynamic Green color name →
#A7E142
oklch(0.841 0.192 127.7)
Conversioni di colore
- HEX
- #a7e142
- RGB
- rgb(167 225 66)
- HSL
- hsl(82 73% 57%)
- HWB
- hwb(82 26% 12%)
- OKLCH
- oklch(0.841 0.192 127.7)
- OKLab
- oklab(0.841 -0.118 0.152)
- CIE Lab
- lab(83.39 -35.96 66.96)
- LCH
- lch(83.39 76.01 118.2)
- CMYK
- cmyk(26% 0% 71% 12%)
Tinte · Ombre · Toni
Tinte
- B0E55D
- B8E874
- C1EB88
- CAEE9A
- D3F1AC
- DBF4BD
- E4F7CE
- EDFADF
- F6FDEF
Ombre
- 91C438
- 7BA72F
- 668B25
- 52701C
- 3E5614
- 2C3E0B
- 1A2705
- 0A1201
- 010200
Toni
- A3D74F
- 9FCD59
- 9BC461
- 98BA68
- 94B06E
- 90A773
- 8C9D77
- 88937A
- 848A7D
Armonie di colore
Complementare +180°
- A7E142
Dynamic Green
- DDB9FF
≈ Lavender Fragrance
Analogo -30° +30°
- A7E142
Dynamic Green
- EACA00
≈ Golden Crescent
- 21EF98
≈ Turquoise Green
Triadico +120° +240°
- A7E142
Dynamic Green
- 9FD0FF
≈ Baby Blue
- FFB2C0
≈ Soft Pink
Complementare divisa +150° +210°
- A7E142
Dynamic Green
- BEC7FF
≈ Light Periwinkle
- FFABE7
≈ Pink Wink
Tetradico +90° +180° +270°
- A7E142
Dynamic Green
- 5CDEFF
≈ Ionized-Air Glow
- DDB9FF
≈ Lavender Fragrance
- FFB7A1
≈ Nature Apricot
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.55:1 · APCA Lc 25
Ag
AAASu nero
WCAG 13.49:1 · APCA Lc 78
Miglior colore del testo: #000000
WCAG 13.49:1 (AAA) · APCA Lc 78
Contrast pairs
Frammenti di codice
CSS
:root {
--dynamic-green: #a7e142;
--dynamic-green-rgb: 167 225 66;
--dynamic-green-oklch: oklch(0.841 0.192 127.7);
}
.element {
color: var(--dynamic-green);
background-color: hsl(82 73% 57%);
border-color: oklch(0.841 0.192 127.7);
}Tailwind CSS v4
@theme {
--color-dynamic-green: #a7e142;
--color-dynamic-green-50: #e3ffc7;
--color-dynamic-green-100: #d3f5b1;
--color-dynamic-green-200: #bae58b;
--color-dynamic-green-300: #97ca59;
--color-dynamic-green-400: #7eb200;
--color-dynamic-green-500: #619b00;
--color-dynamic-green-600: #528300;
--color-dynamic-green-700: #426900;
--color-dynamic-green-800: #324c00;
--color-dynamic-green-900: #223500;
--color-dynamic-green-950: #112000;
}SCSS
$dynamic-green: #a7e142;
$dynamic-green-rgb: 167, 225, 66;
$dynamic-green-light: mix(#fff, $dynamic-green, 20%);
$dynamic-green-dark: mix(#000, $dynamic-green, 20%);
.element {
color: $dynamic-green;
box-shadow: 0 0 0 2px rgba($dynamic-green, 0.35);
}