Nazwany kolor · #87868F
Old Amethyst
Old Amethyst to #87868F: rgb(135 134 143), hsl(247 4% 54%), oklch(0.624 0.013 291.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Old Amethyst color name →
#87868F
oklch(0.624 0.013 291.1)
Konwersje koloru
- HEX
- #87868f
- RGB
- rgb(135 134 143)
- HSL
- hsl(247 4% 54%)
- HWB
- hwb(247 53% 44%)
- OKLCH
- oklch(0.624 0.013 291.1)
- OKLab
- oklab(0.624 0.005 -0.013)
- CIE Lab
- lab(56.23 1.74 -4.7)
- LCH
- lch(56.23 5.02 290.3)
- CMYK
- cmyk(6% 6% 0% 44%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 92919A
- 9E9DA4
- A9A9AF
- B5B5BA
- C1C1C6
- CDCDD1
- DAD9DC
- E6E6E8
- F2F2F3
Odcienie ciemniejsze
- 75747C
- 636269
- 515157
- 414045
- 313034
- 212124
- 131315
- 060607
- 010101
Tony
- 86858D
- 86858C
- 85848A
- 848489
- 838387
- 838286
- 828284
- 818183
- 818181
Harmonie kolorów
Komplementarna +180°
- 87868F
Old Amethyst
- 87887F
≈ Wet Cement
Analogowa -30° +30°
- 87868F
Old Amethyst
- 838890
≈ Grey Heather
- 8B858C
≈ Taupe Grey
Triada +120° +240°
- 87868F
Old Amethyst
- 8E8580
≈ Mecha Grey
- 808A86
≈ Pirate Silver
Komplementarna rozszczepiona +150° +210°
- 87868F
Old Amethyst
- 8B877E
≈ Wet Cement
- 838982
≈ Valley Hills
Tetrada +90° +180° +270°
- 87868F
Old Amethyst
- 8F8484
≈ Purpura
- 87887F
≈ Wet Cement
- 7E8A8B
≈ Seastone
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.59:1 · APCA Lc 64
Ag
AANa czerni
WCAG 5.83:1 · APCA Lc 38
Najlepszy kolor tekstu: #000000
WCAG 5.83:1 (AA) · APCA Lc 38
Contrast pairs
Fragmenty kodu
CSS
:root {
--old-amethyst: #87868f;
--old-amethyst-rgb: 135 134 143;
--old-amethyst-oklch: oklch(0.624 0.013 291.1);
}
.element {
color: var(--old-amethyst);
background-color: hsl(247 4% 54%);
border-color: oklch(0.624 0.013 291.1);
}Tailwind CSS v4
@theme {
--color-old-amethyst: #87868f;
--color-old-amethyst-50: #f5f4f9;
--color-old-amethyst-100: #e8e7ec;
--color-old-amethyst-200: #d4d3da;
--color-old-amethyst-300: #b7b6be;
--color-old-amethyst-400: #9e9da6;
--color-old-amethyst-500: #86858f;
--color-old-amethyst-600: #717079;
--color-old-amethyst-700: #5b5a61;
--color-old-amethyst-800: #424247;
--color-old-amethyst-900: #2e2d31;
--color-old-amethyst-950: #1a1a1d;
}SCSS
$old-amethyst: #87868f;
$old-amethyst-rgb: 135, 134, 143;
$old-amethyst-light: mix(#fff, $old-amethyst, 20%);
$old-amethyst-dark: mix(#000, $old-amethyst, 20%);
.element {
color: $old-amethyst;
box-shadow: 0 0 0 2px rgba($old-amethyst, 0.35);
}