Nazwany kolor · #A2C348
Aerobic Fix
Aerobic Fix to #A2C348: rgb(162 195 72), hsl(76 51% 52%), oklch(0.769 0.153 122.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Aerobic Fix color name →
#A2C348
oklch(0.769 0.153 122.8)
Konwersje koloru
- HEX
- #a2c348
- RGB
- rgb(162 195 72)
- HSL
- hsl(76 51% 52%)
- HWB
- hwb(76 28% 24%)
- OKLCH
- oklch(0.769 0.153 122.8)
- OKLab
- oklab(0.769 -0.083 0.129)
- CIE Lab
- lab(74.54 -24.66 55.74)
- LCH
- lch(74.54 60.95 113.9)
- CMYK
- cmyk(17% 0% 63% 24%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- ABC95F
- B4D073
- BDD686
- C6DC98
- CFE2AA
- D9E8BB
- E2EECC
- ECF4DD
- F5F9EE
Odcienie ciemniejsze
- 8CA93D
- 779033
- 637829
- 4F601F
- 3C4A16
- 2A340D
- 192006
- 0A0E02
- 010200
Tony
- 9EBC52
- 9BB65A
- 97AF61
- 94A867
- 91A26C
- 8D9B71
- 8A9475
- 878E79
- 83877D
Harmonie kolorów
Komplementarna +180°
- A2C348
Aerobic Fix
- C69CFF
≈ Lilás
Analogowa -30° +30°
- A2C348
Aerobic Fix
- D6B016
≈ Palomino Gold
- 58CF83
≈ Spring Bouquet
Triada +120° +240°
- A2C348
Aerobic Fix
- 63BDFF
≈ Hello Summer
- FF89AB
≈ Strawberry Dreams
Komplementarna rozszczepiona +150° +210°
- A2C348
Aerobic Fix
- 9BAEFF
≈ Widowmaker
- ED8CDE
≈ Love Dust
Tetrada +90° +180° +270°
- A2C348
Aerobic Fix
- 00C9E6
≈ Picnic Day Sky
- C69CFF
≈ Lilás
- FF917A
≈ Coralistic
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.01:1 · APCA Lc 39
Ag
AAANa czerni
WCAG 10.43:1 · APCA Lc 63
Najlepszy kolor tekstu: #000000
WCAG 10.43:1 (AAA) · APCA Lc 63
Contrast pairs
Fragmenty kodu
CSS
:root {
--aerobic-fix: #a2c348;
--aerobic-fix-rgb: 162 195 72;
--aerobic-fix-oklch: oklch(0.769 0.153 122.8);
}
.element {
color: var(--aerobic-fix);
background-color: hsl(76 51% 52%);
border-color: oklch(0.769 0.153 122.8);
}Tailwind CSS v4
@theme {
--color-aerobic-fix: #a2c348;
--color-aerobic-fix-50: #ebfece;
--color-aerobic-fix-100: #dcf2ba;
--color-aerobic-fix-200: #c5e097;
--color-aerobic-fix-300: #a6c56a;
--color-aerobic-fix-400: #8eac38;
--color-aerobic-fix-500: #749500;
--color-aerobic-fix-600: #627e00;
--color-aerobic-fix-700: #4e6500;
--color-aerobic-fix-800: #3b4900;
--color-aerobic-fix-900: #293300;
--color-aerobic-fix-950: #171e00;
}SCSS
$aerobic-fix: #a2c348;
$aerobic-fix-rgb: 162, 195, 72;
$aerobic-fix-light: mix(#fff, $aerobic-fix, 20%);
$aerobic-fix-dark: mix(#000, $aerobic-fix, 20%);
.element {
color: $aerobic-fix;
box-shadow: 0 0 0 2px rgba($aerobic-fix, 0.35);
}