Colore con nome · #A4D579
Crystal Green
Crystal Green è #A4D579: rgb(164 213 121), hsl(92 52% 65%), oklch(0.817 0.131 131.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Crystal Green color name →
#A4D579
oklch(0.817 0.131 131.6)
Conversioni di colore
- HEX
- #a4d579
- RGB
- rgb(164 213 121)
- HSL
- hsl(92 52% 65%)
- HWB
- hwb(92 47% 16%)
- OKLCH
- oklch(0.817 0.131 131.6)
- OKLab
- oklab(0.817 -0.087 0.098)
- CIE Lab
- lab(80.25 -28.32 39.95)
- LCH
- lch(80.25 48.97 125.3)
- CMYK
- cmyk(23% 0% 43% 16%)
Tinte · Ombre · Toni
Tinte
- ADD987
- B6DE95
- BFE2A3
- C8E6B0
- D1EBBE
- DAEFCB
- E3F3D8
- EDF7E5
- F6FBF2
Ombre
- 8EB968
- 799E58
- 648348
- 506A39
- 3D512B
- 2B3A1D
- 1A2410
- 0A1005
- 010201
Toni
- A1CC7B
- 9DC47C
- 99BB7E
- 96B37F
- 92AA7F
- 8FA280
- 8B9980
- 879180
- 848880
Armonie di colore
Complementare +180°
- A4D579
Crystal Green
- DEABFF
≈ Testosterose
Analogo -30° +30°
- A4D579
Crystal Green
- D5C658
≈ Citron
- 69DEA8
≈ Medium Aquamarine
Triadico +120° +240°
- A4D579
Crystal Green
- 96C8FF
≈ Apocyan
- FFA7B2
≈ A Brand New Day
Complementare divisa +150° +210°
- A4D579
Crystal Green
- B9BCFF
≈ Dried Lilac
- FDA0DC
≈ Rose Daphne
Tetradico +90° +180° +270°
- A4D579
Crystal Green
- 4AD6FF
≈ Libra Blue Morpho
- DEABFF
≈ Testosterose
- FFAC8C
≈ Coral Correlation
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.69:1 · APCA Lc 30
Ag
AAASu nero
WCAG 12.37:1 · APCA Lc 73
Miglior colore del testo: #000000
WCAG 12.37:1 (AAA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--crystal-green: #a4d579;
--crystal-green-rgb: 164 213 121;
--crystal-green-oklch: oklch(0.817 0.131 131.6);
}
.element {
color: var(--crystal-green);
background-color: hsl(92 52% 65%);
border-color: oklch(0.817 0.131 131.6);
}Tailwind CSS v4
@theme {
--color-crystal-green: #a4d579;
--color-crystal-green-50: #e6fed8;
--color-crystal-green-100: #d7f2c6;
--color-crystal-green-200: #bee1a8;
--color-crystal-green-300: #9cc680;
--color-crystal-green-400: #82ae59;
--color-crystal-green-500: #65972f;
--color-crystal-green-600: #56802a;
--color-crystal-green-700: #446621;
--color-crystal-green-800: #334b14;
--color-crystal-green-900: #23340c;
--color-crystal-green-950: #121f01;
}SCSS
$crystal-green: #a4d579;
$crystal-green-rgb: 164, 213, 121;
$crystal-green-light: mix(#fff, $crystal-green, 20%);
$crystal-green-dark: mix(#000, $crystal-green, 20%);
.element {
color: $crystal-green;
box-shadow: 0 0 0 2px rgba($crystal-green, 0.35);
}