Colore con nome · #A4C639
Android Green
Android Green è #A4C639: rgb(164 198 57), hsl(74 55% 50%), oklch(0.776 0.167 122.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Android Green color name →
#A4C639
oklch(0.776 0.167 122.3)
Conversioni di colore
- HEX
- #a4c639
- RGB
- rgb(164 198 57)
- HSL
- hsl(74 55% 50%)
- HWB
- hwb(74 22% 22%)
- OKLCH
- oklch(0.776 0.167 122.3)
- OKLab
- oklab(0.776 -0.089 0.141)
- CIE Lab
- lab(75.45 -25.91 62.39)
- LCH
- lch(75.45 67.55 112.6)
- CMYK
- cmyk(17% 0% 71% 22%)
Tinte · Ombre · Toni
Tinte
- ADCC55
- B5D26B
- BED880
- C7DE93
- D0E4A6
- D9E9B8
- E3EFCA
- ECF4DC
- F5FAED
Ombre
- 8EAC30
- 799228
- 647A1F
- 506217
- 3D4B10
- 2B3509
- 1A2104
- 0A0E01
- 010200
Toni
- A0BF47
- 9CB852
- 99B15A
- 95AA62
- 92A368
- 8E9C6E
- 8A9573
- 878E78
- 83877C
Armonie di colore
Complementare +180°
- A4C639
Android Green
- C7A0FF
≈ Diva
Analogo -30° +30°
- A4C639
Android Green
- DAB200
≈ Crown of Liechtenstein
- 4FD480
≈ Envy’s Love
Triadico +120° +240°
- A4C639
Android Green
- 67BFFF
≈ Broken Blue
- FF8DAE
≈ Schauss Pink
Complementare divisa +150° +210°
- A4C639
Android Green
- 9DB1FF
≈ Widowmaker
- F38BE4
≈ Splash of Grenadine
Tetradico +90° +180° +270°
- A4C639
Android Green
- 00CCE8
≈ Picnic Day Sky
- C7A0FF
≈ Diva
- FF957F
≈ Orange Aura
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.95:1 · APCA Lc 38
Ag
AAASu nero
WCAG 10.71:1 · APCA Lc 65
Miglior colore del testo: #000000
WCAG 10.71:1 (AAA) · APCA Lc 65
Contrast pairs
Frammenti di codice
CSS
:root {
--android-green: #a4c639;
--android-green-rgb: 164 198 57;
--android-green-oklch: oklch(0.776 0.167 122.3);
}
.element {
color: var(--android-green);
background-color: hsl(74 55% 50%);
border-color: oklch(0.776 0.167 122.3);
}Tailwind CSS v4
@theme {
--color-android-green: #a4c639;
--color-android-green-50: #ebfeca;
--color-android-green-100: #dcf2b5;
--color-android-green-200: #c5e191;
--color-android-green-300: #a5c661;
--color-android-green-400: #8ead24;
--color-android-green-500: #749500;
--color-android-green-600: #627e00;
--color-android-green-700: #4e6500;
--color-android-green-800: #3b4a00;
--color-android-green-900: #293300;
--color-android-green-950: #171f00;
}SCSS
$android-green: #a4c639;
$android-green-rgb: 164, 198, 57;
$android-green-light: mix(#fff, $android-green, 20%);
$android-green-dark: mix(#000, $android-green, 20%);
.element {
color: $android-green;
box-shadow: 0 0 0 2px rgba($android-green, 0.35);
}