Nazwany kolor · #AD9167
Modern Avocado
Modern Avocado to #AD9167: rgb(173 145 103), hsl(36 30% 54%), oklch(0.672 0.067 77.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Modern Avocado color name →
#AD9167
oklch(0.672 0.067 77.4)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B59C76
- BDA685
- C5B194
- CDBCA3
- D6C7B2
- DED2C1
- E6DDD0
- EEE8E0
- F7F4EF
Odcienie ciemniejsze
- 967D59
- 7F6A4B
- 6A583D
- 554630
- 413523
- 2D2517
- 1B150C
- 0B0704
- 010100
Tony
- A88F6A
- A48E6D
- 9F8C70
- 9B8A72
- 968975
- 928777
- 8D857A
- 89847C
- 84827E
Harmonie kolorów
Komplementarna +180°
- AD9167
Modern Avocado
- 7C98BF
≈ Bel Air Blue
Analogowa -30° +30°
- AD9167
Modern Avocado
- B98A73
≈ Carmelite
- 9A9969
≈ Hiking
Triada +120° +240°
- AD9167
Modern Avocado
- 62A3A4
≈ Folk Song
- A789B1
≈ Violet Eclipse
Komplementarna rozszczepiona +150° +210°
- AD9167
Modern Avocado
- 699EB6
≈ Lake Lucerne
- 9390BD
≈ Velvet Crest
Tetrada +90° +180° +270°
- AD9167
Modern Avocado
- 6DA38D
≈ Quilotoa Green
- 7C98BF
≈ Bel Air Blue
- B5859E
≈ Orchid Haze
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.99:1 · APCA Lc 57
Ag
AAANa czerni
WCAG 7.02:1 · APCA Lc 45
Najlepszy kolor tekstu: #000000
WCAG 7.02:1 (AAA) · APCA Lc 45
Contrast pairs
Fragmenty kodu
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);
}