Colore con nome più vicino · #A0AB79
#A0AB79
Colore con nome più vicino: Estragon
#A0AB79 (rgb(160 171 121), hsl(73 23% 57%), oklch(0.72 0.07 118.3)) è più vicino al colore con nome Estragon. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#A0AB79
oklch(0.72 0.07 118.3)
Conversioni di colore
- HEX
- #a0ab79
- RGB
- rgb(160 171 121)
- HSL
- hsl(73 23% 57%)
- HWB
- hwb(73 47% 33%)
- OKLCH
- oklch(0.72 0.07 118.3)
- OKLab
- oklab(0.72 -0.033 0.062)
- CIE Lab
- lab(68.15 -10.35 24.47)
- LCH
- lch(68.15 26.57 112.9)
- CMYK
- cmyk(6% 0% 29% 33%)
Tinte · Ombre · Toni
Tinte
- A9B386
- B2BB93
- BBC4A1
- C5CCAE
- CED5BB
- D8DDC9
- E2E5D6
- EBEEE4
- F5F6F1
Ombre
- 8B9468
- 767E58
- 616848
- 4E5439
- 3B402B
- 292D1D
- 191B10
- 090B05
- 010101
Toni
- 9DA77A
- 99A27B
- 969E7C
- 939A7D
- 90957E
- 8D917E
- 898D7F
- 86897F
- 838480
Armonie di colore
Complementare +180°
- A0AB79
Estragon
- AA9BCB
≈ Imperial Lilac
Analogo -30° +30°
- A0AB79
Estragon
- B7A372
≈ Green Fig
- 87B18C
≈ Shaded Willow
Triadico +120° +240°
- A0AB79
Estragon
- 7BABCC
≈ Calm Day
- CA93A4
≈ Madagascar Pink
Complementare divisa +150° +210°
- A0AB79
Estragon
- 92A3D1
≈ Rip Van Periwinkle
- BD95BB
≈ Dripping Wisteria
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.44:1 · APCA Lc 48
Ag
AAASu nero
WCAG 8.59:1 · APCA Lc 54
Miglior colore del testo: #000000
WCAG 8.59:1 (AAA) · APCA Lc 54
Contrast pairs
Frammenti di codice
CSS
:root {
--estragon: #a0ab79;
--estragon-rgb: 160 171 121;
--estragon-oklch: oklch(0.72 0.07 118.3);
}
.element {
color: var(--estragon);
background-color: hsl(73 23% 57%);
border-color: oklch(0.72 0.07 118.3);
}Tailwind CSS v4
@theme {
--color-estragon: #a0ab79;
--color-estragon-50: #f2f9e3;
--color-estragon-100: #e4ecd2;
--color-estragon-200: #d0d9b8;
--color-estragon-300: #b2bd95;
--color-estragon-400: #9aa575;
--color-estragon-500: #828d57;
--color-estragon-600: #6e774a;
--color-estragon-700: #585f3b;
--color-estragon-800: #414629;
--color-estragon-900: #2d301c;
--color-estragon-950: #1a1c0c;
}SCSS
$estragon: #a0ab79;
$estragon-rgb: 160, 171, 121;
$estragon-light: mix(#fff, $estragon, 20%);
$estragon-dark: mix(#000, $estragon, 20%);
.element {
color: $estragon;
box-shadow: 0 0 0 2px rgba($estragon, 0.35);
}