Colore con nome · #A1C4A8
Aroma Garden
Aroma Garden è #A1C4A8: rgb(161 196 168), hsl(132 23% 70%), oklch(0.787 0.054 150.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Aroma Garden color name →
#A1C4A8
oklch(0.787 0.054 150.9)
Conversioni di colore
- HEX
- #a1c4a8
- RGB
- rgb(161 196 168)
- HSL
- hsl(132 23% 70%)
- HWB
- hwb(132 63% 23%)
- OKLCH
- oklch(0.787 0.054 150.9)
- OKLab
- oklab(0.787 -0.048 0.026)
- CIE Lab
- lab(75.99 -16.3 10.05)
- LCH
- lch(75.99 19.15 148.4)
- CMYK
- cmyk(18% 0% 14% 23%)
Tinte · Ombre · Toni
Tinte
- AACAB0
- B4D0B9
- BDD6C2
- C6DBCA
- D0E1D3
- D9E7DC
- E2EDE4
- ECF3ED
- F5F9F6
Ombre
- 8BAA92
- 76917C
- 627867
- 4E6152
- 3C4A3F
- 2A352C
- 19211A
- 090E0A
- 010201
Toni
- 9EBDA4
- 9BB6A0
- 97AF9C
- 94A898
- 91A194
- 8D9B90
- 8A948C
- 878D88
- 838784
Armonie di colore
Complementare +180°
- A1C4A8
Aroma Garden
- CFADCA
≈ Orchid Bouquet
Analogo -30° +30°
- A1C4A8
Aroma Garden
- B4BF99
≈ Pale Spring Morning
- 93C5BB
≈ Float Your Boat
Triadico +120° +240°
- A1C4A8
Aroma Garden
- ACB8DD
≈ Wisp
- DAADA5
≈ Everything’s Rosy
Complementare divisa +150° +210°
- A1C4A8
Aroma Garden
- BFB2D8
≈ Moonraker
- D8ACB7
≈ Pink Nectar
Tetradico +90° +180° +270°
- A1C4A8
Aroma Garden
- 9BBFDA
≈ Bluette
- CFADCA
≈ Orchid Bouquet
- D4B297
≈ Blonde Lace
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.91:1 · APCA Lc 37
Ag
AAASu nero
WCAG 10.97:1 · APCA Lc 66
Miglior colore del testo: #000000
WCAG 10.97:1 (AAA) · APCA Lc 66
Contrast pairs
Frammenti di codice
CSS
:root {
--aroma-garden: #a1c4a8;
--aroma-garden-rgb: 161 196 168;
--aroma-garden-oklch: oklch(0.787 0.054 150.9);
}
.element {
color: var(--aroma-garden);
background-color: hsl(132 23% 70%);
border-color: oklch(0.787 0.054 150.9);
}Tailwind CSS v4
@theme {
--color-aroma-garden: #a1c4a8;
--color-aroma-garden-50: #eafaee;
--color-aroma-garden-100: #dbeedf;
--color-aroma-garden-200: #c4dbc9;
--color-aroma-garden-300: #a3c0aa;
--color-aroma-garden-400: #88a88e;
--color-aroma-garden-500: #6c9174;
--color-aroma-garden-600: #5c7a62;
--color-aroma-garden-700: #49624e;
--color-aroma-garden-800: #354838;
--color-aroma-garden-900: #243226;
--color-aroma-garden-950: #131e15;
}SCSS
$aroma-garden: #a1c4a8;
$aroma-garden-rgb: 161, 196, 168;
$aroma-garden-light: mix(#fff, $aroma-garden, 20%);
$aroma-garden-dark: mix(#000, $aroma-garden, 20%);
.element {
color: $aroma-garden;
box-shadow: 0 0 0 2px rgba($aroma-garden, 0.35);
}