Benannte Farbe · #94877E
Abandoned Mansion
Abandoned Mansion ist #94877E: rgb(148 135 126), hsl(25 9% 54%), oklch(0.632 0.021 57). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Abandoned Mansion color name →
#94877E
oklch(0.632 0.021 57)
Farbumrechnungen
- HEX
- #94877e
- RGB
- rgb(148 135 126)
- HSL
- hsl(25 9% 54%)
- HWB
- hwb(25 49% 42%)
- OKLCH
- oklch(0.632 0.021 57)
- OKLab
- oklab(0.632 0.011 0.017)
- CIE Lab
- lab(57.29 3.88 6.72)
- LCH
- lch(57.29 7.76 60)
- CMYK
- cmyk(0% 9% 15% 42%)
Tints · Shades · Tones
Tints
- 9E928A
- A99E96
- B3AAA3
- BEB5B0
- C8C1BD
- D3CDCA
- DEDAD7
- E9E6E4
- F4F2F1
Shades
- 80756D
- 6D635C
- 5A514C
- 48413C
- 36312D
- 26211F
- 161311
- 080605
- 010101
Tones
- 92867E
- 90867E
- 8E857F
- 8C847F
- 8A847F
- 88837F
- 86827F
- 848180
- 828180
Farbharmonien
Komplementär +180°
- 94877E
Abandoned Mansion
- 7F8C95
≈ Denim Drift
Analog -30° +30°
- 94877E
Abandoned Mansion
- 968583
≈ Exotica
- 8F897C
≈ Fifth Olive-Nue
Triadisch +120° +240°
- 94877E
Abandoned Mansion
- 7D8E89
≈ Chinois Green
- 8B8795
≈ Miracle
Geteilt komplementär +150° +210°
- 94877E
Abandoned Mansion
- 7C8E90
≈ Harrow’s Gate
- 848A97
≈ Roman Silver
Tetradisch +90° +180° +270°
- 94877E
Abandoned Mansion
- 828D83
≈ Mummy’s Tomb
- 7F8C95
≈ Denim Drift
- 918690
≈ Quixotic
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.48:1 · APCA Lc 62
Ag
AAAuf Schwarz
WCAG 6.02:1 · APCA Lc 39
Beste Textfarbe: #000000
WCAG 6.02:1 (AA) · APCA Lc 39
Contrast pairs
Code-Snippets
CSS
:root {
--abandoned-mansion: #94877e;
--abandoned-mansion-rgb: 148 135 126;
--abandoned-mansion-oklch: oklch(0.632 0.021 57);
}
.element {
color: var(--abandoned-mansion);
background-color: hsl(25 9% 54%);
border-color: oklch(0.632 0.021 57);
}Tailwind CSS v4
@theme {
--color-abandoned-mansion: #94877e;
--color-abandoned-mansion-50: #faf4ef;
--color-abandoned-mansion-100: #ede6e1;
--color-abandoned-mansion-200: #dbd2cc;
--color-abandoned-mansion-300: #c0b5ad;
--color-abandoned-mansion-400: #a89c93;
--color-abandoned-mansion-500: #918379;
--color-abandoned-mansion-600: #7b6f67;
--color-abandoned-mansion-700: #625952;
--color-abandoned-mansion-800: #48413c;
--color-abandoned-mansion-900: #322d29;
--color-abandoned-mansion-950: #1e1a17;
}SCSS
$abandoned-mansion: #94877e;
$abandoned-mansion-rgb: 148, 135, 126;
$abandoned-mansion-light: mix(#fff, $abandoned-mansion, 20%);
$abandoned-mansion-dark: mix(#000, $abandoned-mansion, 20%);
.element {
color: $abandoned-mansion;
box-shadow: 0 0 0 2px rgba($abandoned-mansion, 0.35);
}