Benannte Farbe · #A29587
Smoking Mirror
Smoking Mirror ist #A29587: rgb(162 149 135), hsl(31 13% 58%), oklch(0.677 0.025 69.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Smoking Mirror color name →
#A29587
oklch(0.677 0.025 69.4)
Farbumrechnungen
- HEX
- #a29587
- RGB
- rgb(162 149 135)
- HSL
- hsl(31 13% 58%)
- HWB
- hwb(31 53% 36%)
- OKLCH
- oklch(0.677 0.025 69.4)
- OKLab
- oklab(0.677 0.009 0.024)
- CIE Lab
- lab(62.55 3.18 9.25)
- LCH
- lch(62.55 9.78 71)
- CMYK
- cmyk(0% 8% 17% 36%)
Tints · Shades · Tones
Tints
- AB9F92
- B4A99E
- BDB4AA
- C6BEB5
- D0C9C1
- D9D3CD
- E2DEDA
- ECE9E6
- F5F4F2
Shades
- 8C8175
- 776D63
- 635A51
- 4F4841
- 3C3731
- 2A2621
- 191613
- 0A0806
- 010101
Tones
- 9F9386
- 9B9186
- 988F85
- 948D84
- 918A84
- 8D8883
- 8A8682
- 878481
- 838281
Farbharmonien
Komplementär +180°
- A29587
Smoking Mirror
- 8C99A7
≈ Hamilton Blue
Analog -30° +30°
- A29587
Smoking Mirror
- A6938C
≈ Etherea
- 9B9886
≈ Into the Wild
Triadisch +120° +240°
- A29587
Smoking Mirror
- 869D9B
≈ Agave
- 9C93A4
≈ Amethyst Phlox
Geteilt komplementär +150° +210°
- A29587
Smoking Mirror
- 879BA2
≈ Arona
- 9496A7
≈ Too Big to Whale
Tetradisch +90° +180° +270°
- A29587
Smoking Mirror
- 8B9C92
≈ Iceberg Green
- 8C99A7
≈ Hamilton Blue
- A3929C
≈ Nirvana
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.92:1 · APCA Lc 56
Ag
AAAAuf Schwarz
WCAG 7.18:1 · APCA Lc 46
Beste Textfarbe: #000000
WCAG 7.18:1 (AAA) · APCA Lc 46
Contrast pairs
Code-Snippets
CSS
:root {
--smoking-mirror: #a29587;
--smoking-mirror-rgb: 162 149 135;
--smoking-mirror-oklch: oklch(0.677 0.025 69.4);
}
.element {
color: var(--smoking-mirror);
background-color: hsl(31 13% 58%);
border-color: oklch(0.677 0.025 69.4);
}Tailwind CSS v4
@theme {
--color-smoking-mirror: #a29587;
--color-smoking-mirror-50: #faf4ed;
--color-smoking-mirror-100: #ede7df;
--color-smoking-mirror-200: #dbd3c9;
--color-smoking-mirror-300: #c0b6aa;
--color-smoking-mirror-400: #a99c8f;
--color-smoking-mirror-500: #928474;
--color-smoking-mirror-600: #7b6f63;
--color-smoking-mirror-700: #63594f;
--color-smoking-mirror-800: #484139;
--color-smoking-mirror-900: #322d27;
--color-smoking-mirror-950: #1e1a15;
}SCSS
$smoking-mirror: #a29587;
$smoking-mirror-rgb: 162, 149, 135;
$smoking-mirror-light: mix(#fff, $smoking-mirror, 20%);
$smoking-mirror-dark: mix(#000, $smoking-mirror, 20%);
.element {
color: $smoking-mirror;
box-shadow: 0 0 0 2px rgba($smoking-mirror, 0.35);
}