Colore con nome · #A2B35A
Greasy Green Beans
Greasy Green Beans è #A2B35A: rgb(162 179 90), hsl(71 37% 53%), oklch(0.734 0.116 118.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Greasy Green Beans color name →
#A2B35A
oklch(0.734 0.116 118.3)
Conversioni di colore
- HEX
- #a2b35a
- RGB
- rgb(162 179 90)
- HSL
- hsl(71 37% 53%)
- HWB
- hwb(71 35% 30%)
- OKLCH
- oklch(0.734 0.116 118.3)
- OKLab
- oklab(0.734 -0.055 0.102)
- CIE Lab
- lab(70.16 -16.14 42.85)
- LCH
- lch(70.16 45.79 110.6)
- CMYK
- cmyk(9% 0% 50% 30%)
Tinte · Ombre · Toni
Tinte
- ABBB6C
- B4C27D
- BDCA8E
- C6D29E
- CFD9AE
- D9E1BE
- E2E8CF
- ECF0DF
- F5F7EF
Ombre
- 8C9B4D
- 778441
- 636E35
- 4F5829
- 3C431E
- 2A2F13
- 191D09
- 0A0C03
- 010100
Toni
- 9EAE60
- 9BA965
- 97A469
- 949F6D
- 919A71
- 8D9575
- 8A8F78
- 868A7B
- 83857D
Armonie di colore
Complementare +180°
- A2B35A
Greasy Green Beans
- B298E9
≈ Dreamy Candy Forest
Analogo -30° +30°
- A2B35A
Greasy Green Beans
- C7A54A
≈ Golden Touch
- 73BD7F
≈ Jade Stone Green
Triadico +120° +240°
- A2B35A
Greasy Green Beans
- 5AB3EA
≈ Sanctuary Spa
- E489A8
≈ Rose Glory
Complementare divisa +150° +210°
- A2B35A
Greasy Green Beans
- 8AA6F3
≈ Kitten’s Eye
- D18ECE
≈ Carnation Rose
Tetradico +90° +180° +270°
- A2B35A
Greasy Green Beans
- 2FBDCF
≈ Holiday Blue
- B298E9
≈ Dreamy Candy Forest
- E98C7F
≈ Redolenc
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.29:1 · APCA Lc 45
Ag
AAASu nero
WCAG 9.13:1 · APCA Lc 57
Miglior colore del testo: #000000
WCAG 9.13:1 (AAA) · APCA Lc 57
Contrast pairs
Frammenti di codice
CSS
:root {
--greasy-green-beans: #a2b35a;
--greasy-green-beans-rgb: 162 179 90;
--greasy-green-beans-oklch: oklch(0.734 0.116 118.3);
}
.element {
color: var(--greasy-green-beans);
background-color: hsl(71 37% 53%);
border-color: oklch(0.734 0.116 118.3);
}Tailwind CSS v4
@theme {
--color-greasy-green-beans: #a2b35a;
--color-greasy-green-beans-50: #f0fbd6;
--color-greasy-green-beans-100: #e2eec3;
--color-greasy-green-beans-200: #cddca4;
--color-greasy-green-beans-300: #afc17c;
--color-greasy-green-beans-400: #98a854;
--color-greasy-green-beans-500: #7f9027;
--color-greasy-green-beans-600: #6c7a24;
--color-greasy-green-beans-700: #56621d;
--color-greasy-green-beans-800: #404711;
--color-greasy-green-beans-900: #2c310a;
--color-greasy-green-beans-950: #191d00;
}SCSS
$greasy-green-beans: #a2b35a;
$greasy-green-beans-rgb: 162, 179, 90;
$greasy-green-beans-light: mix(#fff, $greasy-green-beans, 20%);
$greasy-green-beans-dark: mix(#000, $greasy-green-beans, 20%);
.element {
color: $greasy-green-beans;
box-shadow: 0 0 0 2px rgba($greasy-green-beans, 0.35);
}