Colore con nome · #9CAD60
Herbal Garden
Herbal Garden è #9CAD60: rgb(156 173 96), hsl(73 32% 53%), oklch(0.717 0.104 119.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Herbal Garden color name →
#9CAD60
oklch(0.717 0.104 119.3)
Conversioni di colore
- HEX
- #9cad60
- RGB
- rgb(156 173 96)
- HSL
- hsl(73 32% 53%)
- HWB
- hwb(73 38% 32%)
- OKLCH
- oklch(0.717 0.104 119.3)
- OKLab
- oklab(0.717 -0.051 0.09)
- CIE Lab
- lab(68.07 -15.24 37.28)
- LCH
- lch(68.07 40.27 112.2)
- CMYK
- cmyk(10% 0% 45% 32%)
Tinte · Ombre · Toni
Tinte
- A5B571
- AFBD81
- B8C691
- C2CEA0
- CCD6B0
- D6DEC0
- E0E6CF
- EAEFDF
- F5F7EF
Ombre
- 879652
- 737F45
- 5F6A38
- 4C552C
- 394120
- 282D15
- 181B0A
- 090B03
- 010100
Toni
- 99A964
- 96A468
- 93A06C
- 909B70
- 8E9773
- 8B9276
- 888E79
- 85897B
- 83857E
Armonie di colore
Complementare +180°
- 9CAD60
Herbal Garden
- AD95DB
≈ Dreamy Candy Forest
Analogo -30° +30°
- 9CAD60
Herbal Garden
- BDA052
≈ Tupelo Honey
- 73B680
≈ Frog Pond
Triadico +120° +240°
- 9CAD60
Herbal Garden
- 62ACDE
≈ Acapulco Dive
- D988A2
≈ Reflecting Rose
Complementare divisa +150° +210°
- 9CAD60
Herbal Garden
- 89A1E5
≈ Blue Cue
- C88CC3
≈ Rose Souvenir
Tetradico +90° +180° +270°
- 9CAD60
Herbal Garden
- 43B5C7
≈ Utopia Beckons
- AD95DB
≈ Dreamy Candy Forest
- DD8A7D
≈ Graceful Ballerina
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.45:1 · APCA Lc 48
Ag
AAASu nero
WCAG 8.55:1 · APCA Lc 54
Miglior colore del testo: #000000
WCAG 8.55:1 (AAA) · APCA Lc 54
Contrast pairs
Frammenti di codice
CSS
:root {
--herbal-garden: #9cad60;
--herbal-garden-rgb: 156 173 96;
--herbal-garden-oklch: oklch(0.717 0.104 119.3);
}
.element {
color: var(--herbal-garden);
background-color: hsl(73 32% 53%);
border-color: oklch(0.717 0.104 119.3);
}Tailwind CSS v4
@theme {
--color-herbal-garden: #9cad60;
--color-herbal-garden-50: #f0fada;
--color-herbal-garden-100: #e2eec8;
--color-herbal-garden-200: #cddcaa;
--color-herbal-garden-300: #afc084;
--color-herbal-garden-400: #97a75f;
--color-herbal-garden-500: #7e9039;
--color-herbal-garden-600: #6b7a32;
--color-herbal-garden-700: #566127;
--color-herbal-garden-800: #404719;
--color-herbal-garden-900: #2c3110;
--color-herbal-garden-950: #191d04;
}SCSS
$herbal-garden: #9cad60;
$herbal-garden-rgb: 156, 173, 96;
$herbal-garden-light: mix(#fff, $herbal-garden, 20%);
$herbal-garden-dark: mix(#000, $herbal-garden, 20%);
.element {
color: $herbal-garden;
box-shadow: 0 0 0 2px rgba($herbal-garden, 0.35);
}