Colore con nome · #4F4842
Black Fox
Black Fox è #4F4842: rgb(79 72 66), hsl(28 9% 28%), oklch(0.407 0.014 63.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Black Fox color name →
#4F4842
oklch(0.407 0.014 63.1)
Conversioni di colore
- HEX
- #4f4842
- RGB
- rgb(79 72 66)
- HSL
- hsl(28 9% 28%)
- HWB
- hwb(28 26% 69%)
- OKLCH
- oklch(0.407 0.014 63.1)
- OKLab
- oklab(0.407 0.006 0.012)
- CIE Lab
- lab(31.15 2.16 4.73)
- LCH
- lch(31.15 5.2 65.4)
- CMYK
- cmyk(0% 9% 16% 69%)
Tinte · Ombre · Toni
Tinte
- 5F5853
- 6F6964
- 807B76
- 918C88
- A39F9B
- B4B1AE
- C7C4C2
- D9D7D6
- ECEBEA
Ombre
- 443D38
- 38332F
- 2E2925
- 231F1C
- 191614
- 100D0B
- 070605
- 020201
- 000000
Toni
- 544D48
- 59534E
- 5D5854
- 625E5A
- 676360
- 6C6966
- 716F6D
- 767473
- 7B7A7A
Armonie di colore
Complementare +180°
- 4F4842
Black Fox
- 434A50
≈ Dead Forest
Analogo -30° +30°
- 4F4842
Black Fox
- 514745
≈ Espresso Macchiato
- 4C4941
≈ Thorny Branch
Triadico +120° +240°
- 4F4842
Black Fox
- 424C4A
≈ Urban Chic
- 4B4850
≈ Limo-Scene
Complementare divisa +150° +210°
- 4F4842
Black Fox
- 414C4E
≈ Black Sable
- 474951
≈ Tuna
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.98:1 · APCA Lc 91
Ag
FailSu nero
WCAG 2.33:1 · APCA Lc 12
Miglior colore del testo: #FFFFFF
WCAG 8.98:1 (AAA) · APCA Lc 91
Contrast pairs
Frammenti di codice
CSS
:root {
--black-fox: #4f4842;
--black-fox-rgb: 79 72 66;
--black-fox-oklch: oklch(0.407 0.014 63.1);
}
.element {
color: var(--black-fox);
background-color: hsl(28 9% 28%);
border-color: oklch(0.407 0.014 63.1);
}Tailwind CSS v4
@theme {
--color-black-fox: #4f4842;
--color-black-fox-50: #f8f4f1;
--color-black-fox-100: #ebe7e3;
--color-black-fox-200: #d8d3ce;
--color-black-fox-300: #bcb6b0;
--color-black-fox-400: #a49d96;
--color-black-fox-500: #8d847d;
--color-black-fox-600: #77706a;
--color-black-fox-700: #5f5a55;
--color-black-fox-800: #46413e;
--color-black-fox-900: #302d2a;
--color-black-fox-950: #1d1a18;
}SCSS
$black-fox: #4f4842;
$black-fox-rgb: 79, 72, 66;
$black-fox-light: mix(#fff, $black-fox, 20%);
$black-fox-dark: mix(#000, $black-fox, 20%);
.element {
color: $black-fox;
box-shadow: 0 0 0 2px rgba($black-fox, 0.35);
}