Colore con nome · #AD9167
Modern Avocado
Modern Avocado è #AD9167: rgb(173 145 103), hsl(36 30% 54%), oklch(0.672 0.067 77.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Modern Avocado color name →
#AD9167
oklch(0.672 0.067 77.4)
Conversioni di colore
- HEX
- #ad9167
- RGB
- rgb(173 145 103)
- HSL
- hsl(36 30% 54%)
- HWB
- hwb(36 40% 32%)
- OKLCH
- oklch(0.672 0.067 77.4)
- OKLab
- oklab(0.672 0.015 0.065)
- CIE Lab
- lab(62.01 6.51 26.44)
- LCH
- lch(62.01 27.23 76.2)
- CMYK
- cmyk(0% 16% 40% 32%)
Tinte · Ombre · Toni
Tinte
- B59C76
- BDA685
- C5B194
- CDBCA3
- D6C7B2
- DED2C1
- E6DDD0
- EEE8E0
- F7F4EF
Ombre
- 967D59
- 7F6A4B
- 6A583D
- 554630
- 413523
- 2D2517
- 1B150C
- 0B0704
- 010100
Toni
- A88F6A
- A48E6D
- 9F8C70
- 9B8A72
- 968975
- 928777
- 8D857A
- 89847C
- 84827E
Armonie di colore
Complementare +180°
- AD9167
Modern Avocado
- 7C98BF
≈ Bel Air Blue
Analogo -30° +30°
- AD9167
Modern Avocado
- B98A73
≈ Carmelite
- 9A9969
≈ Hiking
Triadico +120° +240°
- AD9167
Modern Avocado
- 62A3A4
≈ Folk Song
- A789B1
≈ Violet Eclipse
Complementare divisa +150° +210°
- AD9167
Modern Avocado
- 699EB6
≈ Lake Lucerne
- 9390BD
≈ Velvet Crest
Tetradico +90° +180° +270°
- AD9167
Modern Avocado
- 6DA38D
≈ Quilotoa Green
- 7C98BF
≈ Bel Air Blue
- B5859E
≈ Orchid Haze
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.99:1 · APCA Lc 57
Ag
AAASu nero
WCAG 7.02:1 · APCA Lc 45
Miglior colore del testo: #000000
WCAG 7.02:1 (AAA) · APCA Lc 45
Contrast pairs
Frammenti di codice
CSS
:root {
--modern-avocado: #ad9167;
--modern-avocado-rgb: 173 145 103;
--modern-avocado-oklch: oklch(0.672 0.067 77.4);
}
.element {
color: var(--modern-avocado);
background-color: hsl(36 30% 54%);
border-color: oklch(0.672 0.067 77.4);
}Tailwind CSS v4
@theme {
--color-modern-avocado: #ad9167;
--color-modern-avocado-50: #fff3e0;
--color-modern-avocado-100: #f4e6d0;
--color-modern-avocado-200: #e4d2b5;
--color-modern-avocado-300: #cab491;
--color-modern-avocado-400: #b59a72;
--color-modern-avocado-500: #9f8152;
--color-modern-avocado-600: #866d46;
--color-modern-avocado-700: #6c5738;
--color-modern-avocado-800: #503f28;
--color-modern-avocado-900: #382c1b;
--color-modern-avocado-950: #22190b;
}SCSS
$modern-avocado: #ad9167;
$modern-avocado-rgb: 173, 145, 103;
$modern-avocado-light: mix(#fff, $modern-avocado, 20%);
$modern-avocado-dark: mix(#000, $modern-avocado, 20%);
.element {
color: $modern-avocado;
box-shadow: 0 0 0 2px rgba($modern-avocado, 0.35);
}