Colore con nome · #8F8C79
Meander
Meander è #8F8C79: rgb(143 140 121), hsl(52 9% 52%), oklch(0.637 0.028 99.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Meander color name →
#8F8C79
oklch(0.637 0.028 99.7)
Conversioni di colore
- HEX
- #8f8c79
- RGB
- rgb(143 140 121)
- HSL
- hsl(52 9% 52%)
- HWB
- hwb(52 47% 44%)
- OKLCH
- oklch(0.637 0.028 99.7)
- OKLab
- oklab(0.637 -0.005 0.027)
- CIE Lab
- lab(58.1 -1.39 10.62)
- LCH
- lch(58.1 10.71 97.4)
- CMYK
- cmyk(0% 2% 15% 44%)
Tinte · Ombre · Toni
Tinte
- 9A9786
- A4A292
- AFAD9F
- BAB9AD
- C5C4BA
- D1D0C7
- DCDBD5
- E8E7E3
- F3F3F1
Ombre
- 7C7968
- 696758
- 575548
- 454339
- 34332B
- 24231D
- 151410
- 070705
- 010101
Toni
- 8D8B7A
- 8C8A7B
- 8A887B
- 89877C
- 87867D
- 86857D
- 84847E
- 83827F
- 81817F
Armonie di colore
Complementare +180°
- 8F8C79
Meander
- 878A9C
≈ Dusty Chimney
Analogo -30° +30°
- 8F8C79
Meander
- 97897A
≈ Curio Brown
- 868F7D
≈ Tea Leaf Mouse
Triadico +120° +240°
- 8F8C79
Meander
- 799097
≈ Sidewalk Grey
- 978591
≈ Femme Fatale
Complementare divisa +150° +210°
- 8F8C79
Meander
- 7F8D9C
≈ Lucid Blue
- 908798
≈ Purple Ragwort
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.38:1 · APCA Lc 61
Ag
AASu nero
WCAG 6.19:1 · APCA Lc 40
Miglior colore del testo: #000000
WCAG 6.19:1 (AA) · APCA Lc 40
Contrast pairs
Frammenti di codice
CSS
:root {
--meander: #8f8c79;
--meander-rgb: 143 140 121;
--meander-oklch: oklch(0.637 0.028 99.7);
}
.element {
color: var(--meander);
background-color: hsl(52 9% 52%);
border-color: oklch(0.637 0.028 99.7);
}Tailwind CSS v4
@theme {
--color-meander: #8f8c79;
--color-meander-50: #f6f6ed;
--color-meander-100: #e9e8de;
--color-meander-200: #d6d5c8;
--color-meander-300: #bab8a8;
--color-meander-400: #a29f8d;
--color-meander-500: #8a8772;
--color-meander-600: #757261;
--color-meander-700: #5e5b4d;
--color-meander-800: #454338;
--color-meander-900: #302e26;
--color-meander-950: #1c1b15;
}SCSS
$meander: #8f8c79;
$meander-rgb: 143, 140, 121;
$meander-light: mix(#fff, $meander, 20%);
$meander-dark: mix(#000, $meander, 20%);
.element {
color: $meander;
box-shadow: 0 0 0 2px rgba($meander, 0.35);
}