Colore con nome · #AFA994
Spartan Stone
Spartan Stone è #AFA994: rgb(175 169 148), hsl(47 14% 63%), oklch(0.734 0.03 93.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Spartan Stone color name →
#AFA994
oklch(0.734 0.03 93.8)
Conversioni di colore
- HEX
- #afa994
- RGB
- rgb(175 169 148)
- HSL
- hsl(47 14% 63%)
- HWB
- hwb(47 58% 31%)
- OKLCH
- oklch(0.734 0.03 93.8)
- OKLab
- oklab(0.734 -0.002 0.03)
- CIE Lab
- lab(69.31 -0.46 11.7)
- LCH
- lch(69.31 11.71 92.3)
- CMYK
- cmyk(0% 3% 15% 31%)
Tinte · Ombre · Toni
Tinte
- B7B19E
- BFBAA9
- C6C2B3
- CECBBE
- D6D3C8
- DEDCD3
- E6E5DE
- EFEDE9
- F7F6F4
Ombre
- 989280
- 817C6D
- 6B675A
- 565348
- 413F36
- 2E2C26
- 1C1B16
- 0B0A08
- 010101
Toni
- AAA592
- A5A190
- A19D8E
- 9C988C
- 97948A
- 929088
- 8E8C86
- 898884
- 858482
Armonie di colore
Complementare +180°
- AFA994
Spartan Stone
- A3A8BD
≈ Lilac Time
Analogo -30° +30°
- AFA994
Spartan Stone
- B7A596
≈ El Capitan
- A5AC98
≈ Moorland
Triadico +120° +240°
- AFA994
Spartan Stone
- 94AEB5
≈ Mountain Stream
- B5A2B1
≈ Highland Thistle
Complementare divisa +150° +210°
- AFA994
Spartan Stone
- 99ACBB
≈ Blue Fog
- ADA5B9
≈ Morning Mist Grey
Tetradico +90° +180° +270°
- AFA994
Spartan Stone
- 95B0AB
≈ Delicate Green
- A3A8BD
≈ Lilac Time
- BAA1A7
≈ Magical Mauve
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.35:1 · APCA Lc 46
Ag
AAASu nero
WCAG 8.92:1 · APCA Lc 56
Miglior colore del testo: #000000
WCAG 8.92:1 (AAA) · APCA Lc 56
Contrast pairs
Frammenti di codice
CSS
:root {
--spartan-stone: #afa994;
--spartan-stone-rgb: 175 169 148;
--spartan-stone-oklch: oklch(0.734 0.03 93.8);
}
.element {
color: var(--spartan-stone);
background-color: hsl(47 14% 63%);
border-color: oklch(0.734 0.03 93.8);
}Tailwind CSS v4
@theme {
--color-spartan-stone: #afa994;
--color-spartan-stone-50: #f7f5ec;
--color-spartan-stone-100: #ebe8dd;
--color-spartan-stone-200: #d8d4c6;
--color-spartan-stone-300: #bcb8a7;
--color-spartan-stone-400: #a49e8b;
--color-spartan-stone-500: #8d8670;
--color-spartan-stone-600: #77725f;
--color-spartan-stone-700: #5f5b4c;
--color-spartan-stone-800: #464237;
--color-spartan-stone-900: #302e25;
--color-spartan-stone-950: #1d1a14;
}SCSS
$spartan-stone: #afa994;
$spartan-stone-rgb: 175, 169, 148;
$spartan-stone-light: mix(#fff, $spartan-stone, 20%);
$spartan-stone-dark: mix(#000, $spartan-stone, 20%);
.element {
color: $spartan-stone;
box-shadow: 0 0 0 2px rgba($spartan-stone, 0.35);
}