Nazwany kolor · #A7A09F
Ghostly
Ghostly to #A7A09F: rgb(167 160 159), hsl(7 4% 64%), oklch(0.711 0.008 27.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Ghostly color name →
#A7A09F
oklch(0.711 0.008 27.3)
Konwersje koloru
- HEX
- #a7a09f
- RGB
- rgb(167 160 159)
- HSL
- hsl(7 4% 64%)
- HWB
- hwb(7 62% 35%)
- OKLCH
- oklch(0.711 0.008 27.3)
- OKLab
- oklab(0.711 0.007 0.004)
- CIE Lab
- lab(66.44 2.49 1.48)
- LCH
- lch(66.44 2.89 30.7)
- CMYK
- cmyk(0% 4% 5% 35%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AFA9A8
- B8B2B2
- C1BCBB
- C9C5C4
- D2CECE
- DBD8D8
- E4E2E1
- EDEBEB
- F6F5F5
Odcienie ciemniejsze
- 918B8A
- 7B7675
- 666161
- 524E4D
- 3E3B3B
- 2C2929
- 1A1918
- 0A0909
- 010101
Tony
- A39D9C
- 9F9A99
- 9B9696
- 979392
- 93908F
- 8F8D8C
- 8C8989
- 888686
- 848383
Harmonie kolorów
Komplementarna +180°
- A7A09F
Ghostly
- 9CA3A4
≈ Winter Flannel
Analogowa -30° +30°
- A7A09F
Ghostly
- A7A0A2
≈ Ghostly
- A6A19D
≈ Pewter Grey
Triada +120° +240°
- A7A09F
Ghostly
- 9FA39F
≈ Still Life in Grey
- 9FA2A7
≈ Grey Chateau
Komplementarna rozszczepiona +150° +210°
- A7A09F
Ghostly
- 9DA4A2
≈ Winter Flannel
- 9DA3A6
≈ Coastal Sea Fog
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.56:1 · APCA Lc 50
Ag
AAANa czerni
WCAG 8.17:1 · APCA Lc 52
Najlepszy kolor tekstu: #000000
WCAG 8.17:1 (AAA) · APCA Lc 52
Contrast pairs
Fragmenty kodu
CSS
:root {
--ghostly: #a7a09f;
--ghostly-rgb: 167 160 159;
--ghostly-oklch: oklch(0.711 0.008 27.3);
}
.element {
color: var(--ghostly);
background-color: hsl(7 4% 64%);
border-color: oklch(0.711 0.008 27.3);
}Tailwind CSS v4
@theme {
--color-ghostly: #a7a09f;
--color-ghostly-50: #f7f4f4;
--color-ghostly-100: #ebe7e6;
--color-ghostly-200: #d8d3d2;
--color-ghostly-300: #bbb6b5;
--color-ghostly-400: #a39d9c;
--color-ghostly-500: #8c8483;
--color-ghostly-600: #76706f;
--color-ghostly-700: #5e5959;
--color-ghostly-800: #454141;
--color-ghostly-900: #302d2d;
--color-ghostly-950: #1c1a1a;
}SCSS
$ghostly: #a7a09f;
$ghostly-rgb: 167, 160, 159;
$ghostly-light: mix(#fff, $ghostly, 20%);
$ghostly-dark: mix(#000, $ghostly, 20%);
.element {
color: $ghostly;
box-shadow: 0 0 0 2px rgba($ghostly, 0.35);
}