Colore con nome · #8F8177
Fungi
Fungi è #8F8177: rgb(143 129 119), hsl(25 10% 51%), oklch(0.613 0.023 57.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Fungi color name →
#8F8177
oklch(0.613 0.023 57.8)
Conversioni di colore
- HEX
- #8f8177
- RGB
- rgb(143 129 119)
- HSL
- hsl(25 10% 51%)
- HWB
- hwb(25 47% 44%)
- OKLCH
- oklch(0.613 0.023 57.8)
- OKLab
- oklab(0.613 0.012 0.019)
- CIE Lab
- lab(55.04 4.21 7.48)
- LCH
- lch(55.04 8.58 60.6)
- CMYK
- cmyk(0% 10% 17% 44%)
Tinte · Ombre · Toni
Tinte
- 9A8D84
- A59991
- AFA59E
- BAB2AB
- C6BEB9
- D1CBC6
- DCD8D4
- E8E5E2
- F3F2F1
Ombre
- 7C6F67
- 695E57
- 574E47
- 453E38
- 342E2A
- 241F1C
- 151210
- 070605
- 010101
Toni
- 8E8178
- 8C8179
- 8B817A
- 89817B
- 88817C
- 86807C
- 85807D
- 83807E
- 82807F
Armonie di colore
Complementare +180°
- 8F8177
Fungi
- 788690
≈ Forever Denim
Analogo -30° +30°
Triadico +120° +240°
- 8F8177
Fungi
- 768984
≈ Echo Park
- 858190
≈ Formal Affair
Complementare divisa +150° +210°
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.76:1 · APCA Lc 65
Ag
AASu nero
WCAG 5.57:1 · APCA Lc 36
Miglior colore del testo: #000000
WCAG 5.57:1 (AA) · APCA Lc 36
Contrast pairs
Frammenti di codice
CSS
:root {
--fungi: #8f8177;
--fungi-rgb: 143 129 119;
--fungi-oklch: oklch(0.613 0.023 57.8);
}
.element {
color: var(--fungi);
background-color: hsl(25 10% 51%);
border-color: oklch(0.613 0.023 57.8);
}Tailwind CSS v4
@theme {
--color-fungi: #8f8177;
--color-fungi-50: #faf4ef;
--color-fungi-100: #eee6e0;
--color-fungi-200: #dcd2cb;
--color-fungi-300: #c1b5ac;
--color-fungi-400: #a99b92;
--color-fungi-500: #928378;
--color-fungi-600: #7c6f65;
--color-fungi-700: #635951;
--color-fungi-800: #49403b;
--color-fungi-900: #322c28;
--color-fungi-950: #1e1a16;
}SCSS
$fungi: #8f8177;
$fungi-rgb: 143, 129, 119;
$fungi-light: mix(#fff, $fungi, 20%);
$fungi-dark: mix(#000, $fungi, 20%);
.element {
color: $fungi;
box-shadow: 0 0 0 2px rgba($fungi, 0.35);
}