Nazwany kolor · #8E5E5E
Antique Garnet
Antique Garnet to #8E5E5E: rgb(142 94 94), hsl(0 20% 46%), oklch(0.534 0.063 19.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Antique Garnet color name →
#8E5E5E
oklch(0.534 0.063 19.4)
Konwersje koloru
- HEX
- #8e5e5e
- RGB
- rgb(142 94 94)
- HSL
- hsl(0 20% 46%)
- HWB
- hwb(0 37% 44%)
- OKLCH
- oklch(0.534 0.063 19.4)
- OKLab
- oklab(0.534 0.06 0.021)
- CIE Lab
- lab(45.25 20.19 8.46)
- LCH
- lch(45.25 21.89 22.7)
- CMYK
- cmyk(0% 34% 34% 44%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 996D6D
- A57C7C
- B08C8B
- BB9C9B
- C7ACAB
- D2BCBB
- DDCCCC
- E9DDDD
- F4EEEE
Odcienie ciemniejsze
- 7B5151
- 684444
- 563737
- 442B2B
- 341F1F
- 241414
- 150A0A
- 070303
- 010000
Tony
- 8D6261
- 8C6565
- 8B6968
- 8A6C6C
- 886F6F
- 877372
- 857676
- 847979
- 827D7D
Harmonie kolorów
Komplementarna +180°
- 8E5E5E
Antique Garnet
- 3B787B
≈ Grand Canal
Analogowa -30° +30°
- 8E5E5E
Antique Garnet
- 895E72
≈ Grape Nectar
- 8B624C
≈ Gaboon Viper
Triada +120° +240°
- 8E5E5E
Antique Garnet
- 5A7653
≈ Elm Green
- 576E92
≈ Charter Blue
Komplementarna rozszczepiona +150° +210°
- 8E5E5E
Antique Garnet
- 457967
≈ Leaping Lizard
- 44748A
≈ English River
Tetrada +90° +180° +270°
- 8E5E5E
Antique Garnet
- 6F7044
≈ Classic Avocado
- 3B787B
≈ Grand Canal
- 6C678F
≈ Wild Wisteria
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.36:1 · APCA Lc 77
Ag
FailNa czerni
WCAG 3.91:1 · APCA Lc 25
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.36:1 (AA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
CSS
:root {
--antique-garnet: #8e5e5e;
--antique-garnet-rgb: 142 94 94;
--antique-garnet-oklch: oklch(0.534 0.063 19.4);
}
.element {
color: var(--antique-garnet);
background-color: hsl(0 20% 46%);
border-color: oklch(0.534 0.063 19.4);
}Tailwind CSS v4
@theme {
--color-antique-garnet: #8e5e5e;
--color-antique-garnet-50: #ffefed;
--color-antique-garnet-100: #fde0df;
--color-antique-garnet-200: #eecac8;
--color-antique-garnet-300: #d6aba9;
--color-antique-garnet-400: #c1908f;
--color-antique-garnet-500: #ac7575;
--color-antique-garnet-600: #926463;
--color-antique-garnet-700: #754f4f;
--color-antique-garnet-800: #563a3a;
--color-antique-garnet-900: #3c2728;
--color-antique-garnet-950: #261516;
}SCSS
$antique-garnet: #8e5e5e;
$antique-garnet-rgb: 142, 94, 94;
$antique-garnet-light: mix(#fff, $antique-garnet, 20%);
$antique-garnet-dark: mix(#000, $antique-garnet, 20%);
.element {
color: $antique-garnet;
box-shadow: 0 0 0 2px rgba($antique-garnet, 0.35);
}