Nazwany kolor · #94877E
Abandoned Mansion
Abandoned Mansion to #94877E: rgb(148 135 126), hsl(25 9% 54%), oklch(0.632 0.021 57). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Abandoned Mansion color name →
#94877E
oklch(0.632 0.021 57)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9E928A
- A99E96
- B3AAA3
- BEB5B0
- C8C1BD
- D3CDCA
- DEDAD7
- E9E6E4
- F4F2F1
Odcienie ciemniejsze
- 80756D
- 6D635C
- 5A514C
- 48413C
- 36312D
- 26211F
- 161311
- 080605
- 010101
Tony
- 92867E
- 90867E
- 8E857F
- 8C847F
- 8A847F
- 88837F
- 86827F
- 848180
- 828180
Harmonie kolorów
Komplementarna +180°
- 94877E
Abandoned Mansion
- 7F8C95
≈ Denim Drift
Analogowa -30° +30°
- 94877E
Abandoned Mansion
- 968583
≈ Exotica
- 8F897C
≈ Fifth Olive-Nue
Triada +120° +240°
- 94877E
Abandoned Mansion
- 7D8E89
≈ Chinois Green
- 8B8795
≈ Miracle
Komplementarna rozszczepiona +150° +210°
- 94877E
Abandoned Mansion
- 7C8E90
≈ Harrow’s Gate
- 848A97
≈ Roman Silver
Tetrada +90° +180° +270°
- 94877E
Abandoned Mansion
- 828D83
≈ Mummy’s Tomb
- 7F8C95
≈ Denim Drift
- 918690
≈ Quixotic
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.48:1 · APCA Lc 62
Ag
AANa czerni
WCAG 6.02:1 · APCA Lc 39
Najlepszy kolor tekstu: #000000
WCAG 6.02:1 (AA) · APCA Lc 39
Contrast pairs
Fragmenty kodu
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);
}