Nazwany kolor · #ACBA8D
Gardening
Gardening to #ACBA8D: rgb(172 186 141), hsl(79 25% 64%), oklch(0.766 0.064 121.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Gardening color name →
#ACBA8D
oklch(0.766 0.064 121.9)
Konwersje koloru
- HEX
- #acba8d
- RGB
- rgb(172 186 141)
- HSL
- hsl(79 25% 64%)
- HWB
- hwb(79 55% 27%)
- OKLCH
- oklch(0.766 0.064 121.9)
- OKLab
- oklab(0.766 -0.034 0.054)
- CIE Lab
- lab(73.54 -10.86 21.21)
- LCH
- lch(73.54 23.82 117.1)
- CMYK
- cmyk(8% 0% 24% 27%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B4C198
- BCC8A3
- C4CEAF
- CCD5BA
- D5DCC5
- DDE3D1
- E5EADC
- EEF1E8
- F6F8F3
Odcienie ciemniejsze
- 95A17A
- 7F8967
- 697255
- 545C44
- 404633
- 2D3223
- 1B1E14
- 0B0D07
- 010201
Tony
- A7B48C
- A3AE8B
- 9FA88A
- 9AA288
- 969D87
- 919786
- 8D9184
- 898B83
- 848682
Harmonie kolorów
Komplementarna +180°
- ACBA8D
Gardening
- BAAAD5
≈ Purple Hibiscus
Analogowa -30° +30°
- ACBA8D
Gardening
- C1B285
≈ Harmonic Tan
- 95BF9F
≈ Green-Eyed Lady
Triada +120° +240°
- ACBA8D
Gardening
- 90B9D9
≈ Blue Beyond
- D7A3B0
≈ Lili Elbe’s Pink
Komplementarna rozszczepiona +150° +210°
- ACBA8D
Gardening
- A5B1DC
≈ High Style
- CCA5C5
≈ Safflower Wisteria
Tetrada +90° +180° +270°
- ACBA8D
Gardening
- 83BECB
≈ Aftercare
- BAAAD5
≈ Purple Hibiscus
- D9A59A
≈ Conch Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.06:1 · APCA Lc 40
Ag
AAANa czerni
WCAG 10.16:1 · APCA Lc 62
Najlepszy kolor tekstu: #000000
WCAG 10.16:1 (AAA) · APCA Lc 62
Contrast pairs
Fragmenty kodu
CSS
:root {
--gardening: #acba8d;
--gardening-rgb: 172 186 141;
--gardening-oklch: oklch(0.766 0.064 121.9);
}
.element {
color: var(--gardening);
background-color: hsl(79 25% 64%);
border-color: oklch(0.766 0.064 121.9);
}Tailwind CSS v4
@theme {
--color-gardening: #acba8d;
--color-gardening-50: #f1f9e5;
--color-gardening-100: #e3ecd5;
--color-gardening-200: #ced9bc;
--color-gardening-300: #b0bd9a;
--color-gardening-400: #98a57b;
--color-gardening-500: #7f8d5d;
--color-gardening-600: #6b774f;
--color-gardening-700: #56603f;
--color-gardening-800: #3f462d;
--color-gardening-900: #2c301e;
--color-gardening-950: #191c0e;
}SCSS
$gardening: #acba8d;
$gardening-rgb: 172, 186, 141;
$gardening-light: mix(#fff, $gardening, 20%);
$gardening-dark: mix(#000, $gardening, 20%);
.element {
color: $gardening;
box-shadow: 0 0 0 2px rgba($gardening, 0.35);
}