Benannte Farbe · #AD9167
Modern Avocado
Modern Avocado ist #AD9167: rgb(173 145 103), hsl(36 30% 54%), oklch(0.672 0.067 77.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Modern Avocado color name →
#AD9167
oklch(0.672 0.067 77.4)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- B59C76
- BDA685
- C5B194
- CDBCA3
- D6C7B2
- DED2C1
- E6DDD0
- EEE8E0
- F7F4EF
Shades
- 967D59
- 7F6A4B
- 6A583D
- 554630
- 413523
- 2D2517
- 1B150C
- 0B0704
- 010100
Tones
- A88F6A
- A48E6D
- 9F8C70
- 9B8A72
- 968975
- 928777
- 8D857A
- 89847C
- 84827E
Farbharmonien
Komplementär +180°
- AD9167
Modern Avocado
- 7C98BF
≈ Bel Air Blue
Analog -30° +30°
- AD9167
Modern Avocado
- B98A73
≈ Carmelite
- 9A9969
≈ Hiking
Triadisch +120° +240°
- AD9167
Modern Avocado
- 62A3A4
≈ Folk Song
- A789B1
≈ Violet Eclipse
Geteilt komplementär +150° +210°
- AD9167
Modern Avocado
- 699EB6
≈ Lake Lucerne
- 9390BD
≈ Velvet Crest
Tetradisch +90° +180° +270°
- AD9167
Modern Avocado
- 6DA38D
≈ Quilotoa Green
- 7C98BF
≈ Bel Air Blue
- B5859E
≈ Orchid Haze
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.99:1 · APCA Lc 57
Ag
AAAAuf Schwarz
WCAG 7.02:1 · APCA Lc 45
Beste Textfarbe: #000000
WCAG 7.02:1 (AAA) · APCA Lc 45
Contrast pairs
Code-Snippets
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);
}