Nazwany kolor · #A2B35A
Greasy Green Beans
Greasy Green Beans to #A2B35A: rgb(162 179 90), hsl(71 37% 53%), oklch(0.734 0.116 118.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Greasy Green Beans color name →
#A2B35A
oklch(0.734 0.116 118.3)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- ABBB6C
- B4C27D
- BDCA8E
- C6D29E
- CFD9AE
- D9E1BE
- E2E8CF
- ECF0DF
- F5F7EF
Odcienie ciemniejsze
- 8C9B4D
- 778441
- 636E35
- 4F5829
- 3C431E
- 2A2F13
- 191D09
- 0A0C03
- 010100
Tony
- 9EAE60
- 9BA965
- 97A469
- 949F6D
- 919A71
- 8D9575
- 8A8F78
- 868A7B
- 83857D
Harmonie kolorów
Komplementarna +180°
- A2B35A
Greasy Green Beans
- B298E9
≈ Dreamy Candy Forest
Analogowa -30° +30°
- A2B35A
Greasy Green Beans
- C7A54A
≈ Golden Touch
- 73BD7F
≈ Jade Stone Green
Triada +120° +240°
- A2B35A
Greasy Green Beans
- 5AB3EA
≈ Sanctuary Spa
- E489A8
≈ Rose Glory
Komplementarna rozszczepiona +150° +210°
- A2B35A
Greasy Green Beans
- 8AA6F3
≈ Kitten’s Eye
- D18ECE
≈ Carnation Rose
Tetrada +90° +180° +270°
- A2B35A
Greasy Green Beans
- 2FBDCF
≈ Holiday Blue
- B298E9
≈ Dreamy Candy Forest
- E98C7F
≈ Redolenc
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.29:1 · APCA Lc 45
Ag
AAANa czerni
WCAG 9.13:1 · APCA Lc 57
Najlepszy kolor tekstu: #000000
WCAG 9.13:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmenty kodu
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);
}