Colore con nome · #ACDFAD
Vers de Terre
Vers de Terre è #ACDFAD: rgb(172 223 173), hsl(121 44% 77%), oklch(0.855 0.086 145.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Vers de Terre color name →
#ACDFAD
oklch(0.855 0.086 145.3)
Conversioni di colore
- HEX
- #acdfad
- RGB
- rgb(172 223 173)
- HSL
- hsl(121 44% 77%)
- HWB
- hwb(121 67% 13%)
- OKLCH
- oklch(0.855 0.086 145.3)
- OKLab
- oklab(0.855 -0.071 0.049)
- CIE Lab
- lab(84.28 -24.27 19.02)
- LCH
- lch(84.28 30.84 141.9)
- CMYK
- cmyk(23% 0% 22% 13%)
Tinte · Ombre · Toni
Tinte
- B4E2B5
- BDE6BD
- C5E9C6
- CEECCE
- D6EFD6
- DEF2DE
- E6F6E6
- EFF9EF
- F7FCF7
Ombre
- 95C296
- 7FA57F
- 698A6A
- 546F55
- 405641
- 2D3D2D
- 1B271B
- 0B120B
- 010201
Toni
- A8D5A9
- A4CBA4
- 9FC2A0
- 9BB89B
- 97AF97
- 92A592
- 8E9C8E
- 899289
- 858985
Armonie di colore
Complementare +180°
- ACDFAD
Vers de Terre
- EDBCEF
≈ Lovecloud
Analogo -30° +30°
- ACDFAD
Vers de Terre
- CDD795
≈ Vacation Island
- 90E2CC
≈ Clean Green
Triadico +120° +240°
- ACDFAD
Vers de Terre
- B9CFFF
≈ Ice Cold Stare
- FFBCB5
≈ Cherry Chip
Complementare divisa +150° +210°
- ACDFAD
Vers de Terre
- D3C5FF
≈ Innocent Snowdrop
- FEB8D2
≈ Baby Pink
Tetradico +90° +180° +270°
- ACDFAD
Vers de Terre
- 99D9FF
≈ Shiva Blue
- EDBCEF
≈ Lovecloud
- FCC199
≈ Wispy White
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.50:1 · APCA Lc 24
Ag
AAASu nero
WCAG 13.91:1 · APCA Lc 79
Miglior colore del testo: #000000
WCAG 13.91:1 (AAA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--vers-de-terre: #acdfad;
--vers-de-terre-rgb: 172 223 173;
--vers-de-terre-oklch: oklch(0.855 0.086 145.3);
}
.element {
color: var(--vers-de-terre);
background-color: hsl(121 44% 77%);
border-color: oklch(0.855 0.086 145.3);
}Tailwind CSS v4
@theme {
--color-vers-de-terre: #acdfad;
--color-vers-de-terre-50: #e6fce7;
--color-vers-de-terre-100: #d6f0d8;
--color-vers-de-terre-200: #bddfbf;
--color-vers-de-terre-300: #9ac49e;
--color-vers-de-terre-400: #7eac7f;
--color-vers-de-terre-500: #609562;
--color-vers-de-terre-600: #527e53;
--color-vers-de-terre-700: #416542;
--color-vers-de-terre-800: #304a2e;
--color-vers-de-terre-900: #20331f;
--color-vers-de-terre-950: #101f0f;
}SCSS
$vers-de-terre: #acdfad;
$vers-de-terre-rgb: 172, 223, 173;
$vers-de-terre-light: mix(#fff, $vers-de-terre, 20%);
$vers-de-terre-dark: mix(#000, $vers-de-terre, 20%);
.element {
color: $vers-de-terre;
box-shadow: 0 0 0 2px rgba($vers-de-terre, 0.35);
}