Colore con nome · #8D7F75
Spalding Grey
Spalding Grey è #8D7F75: rgb(141 127 117), hsl(25 10% 51%), oklch(0.606 0.023 57.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Spalding Grey color name →
#8D7F75
oklch(0.606 0.023 57.8)
Conversioni di colore
- HEX
- #8d7f75
- RGB
- rgb(141 127 117)
- HSL
- hsl(25 10% 51%)
- HWB
- hwb(25 46% 45%)
- OKLCH
- oklch(0.606 0.023 57.8)
- OKLab
- oklab(0.606 0.012 0.019)
- CIE Lab
- lab(54.26 4.22 7.5)
- LCH
- lch(54.26 8.61 60.6)
- CMYK
- cmyk(0% 10% 17% 45%)
Tinte · Ombre · Toni
Tinte
- 988B82
- A3978F
- AEA49C
- B9B0AA
- C5BDB8
- D0CAC6
- DCD7D4
- E7E4E2
- F3F2F0
Ombre
- 7A6E65
- 675D55
- 554C46
- 443C37
- 332D29
- 231F1C
- 14110F
- 070605
- 010101
Toni
- 8C7F76
- 8A7F77
- 897F78
- 887F79
- 87807B
- 85807C
- 84807D
- 83807E
- 81807F
Armonie di colore
Complementare +180°
- 8D7F75
Spalding Grey
- 76848E
≈ Adirondack Blue
Analogo -30° +30°
- 8D7F75
Spalding Grey
- 8F7D7B
≈ Warplock Bronze Metal
- 888273
≈ Lauriston Stone
Triadico +120° +240°
- 8D7F75
Spalding Grey
- 748782
≈ Echo Park
- 837F8E
≈ Purpletone
Complementare divisa +150° +210°
- 8D7F75
Spalding Grey
- 738689
≈ Deep Thoughts
- 7C8290
≈ Deep Smoke Signal
Tetradico +90° +180° +270°
- 8D7F75
Spalding Grey
- 79867A
≈ Garden Bower
- 76848E
≈ Adirondack Blue
- 8A7D89
≈ Mediaeval Wine
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.87:1 · APCA Lc 66
Ag
AASu nero
WCAG 5.42:1 · APCA Lc 35
Miglior colore del testo: #000000
WCAG 5.42:1 (AA) · APCA Lc 35
Contrast pairs
Frammenti di codice
CSS
:root {
--spalding-grey: #8d7f75;
--spalding-grey-rgb: 141 127 117;
--spalding-grey-oklch: oklch(0.606 0.023 57.8);
}
.element {
color: var(--spalding-grey);
background-color: hsl(25 10% 51%);
border-color: oklch(0.606 0.023 57.8);
}Tailwind CSS v4
@theme {
--color-spalding-grey: #8d7f75;
--color-spalding-grey-50: #faf4ef;
--color-spalding-grey-100: #eee6e0;
--color-spalding-grey-200: #dcd2cb;
--color-spalding-grey-300: #c1b5ac;
--color-spalding-grey-400: #a99b92;
--color-spalding-grey-500: #928378;
--color-spalding-grey-600: #7c6f65;
--color-spalding-grey-700: #635951;
--color-spalding-grey-800: #49403b;
--color-spalding-grey-900: #322c28;
--color-spalding-grey-950: #1e1a16;
}SCSS
$spalding-grey: #8d7f75;
$spalding-grey-rgb: 141, 127, 117;
$spalding-grey-light: mix(#fff, $spalding-grey, 20%);
$spalding-grey-dark: mix(#000, $spalding-grey, 20%);
.element {
color: $spalding-grey;
box-shadow: 0 0 0 2px rgba($spalding-grey, 0.35);
}