Benannte Farbe · #804741
Sly Fox
Sly Fox ist #804741: rgb(128 71 65), hsl(6 33% 38%), oklch(0.465 0.079 26.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Sly Fox color name →
#804741
oklch(0.465 0.079 26.9)
Farbumrechnungen
- HEX
- #804741
- RGB
- rgb(128 71 65)
- HSL
- hsl(6 33% 38%)
- HWB
- hwb(6 25% 50%)
- OKLCH
- oklch(0.465 0.079 26.9)
- OKLab
- oklab(0.465 0.071 0.036)
- CIE Lab
- lab(37.19 24.43 14.82)
- LCH
- lch(37.19 28.58 31.2)
- CMYK
- cmyk(0% 45% 49% 50%)
Tints · Shades · Tones
Tints
- 8D5852
- 9A6A64
- A77B76
- B48D88
- C0A09B
- CDB2AE
- DAC5C2
- E6D8D6
- F3EBEA
Shades
- 6E3D37
- 5D322E
- 4D2825
- 3D1F1C
- 2E1613
- 1F0D0B
- 120605
- 060201
- 010000
Tones
- 814D47
- 81534D
- 825954
- 825E5A
- 826460
- 826A66
- 826F6D
- 817573
- 817A7A
Farbharmonien
Komplementär +180°
- 804741
Sly Fox
- 026670
≈ Wakame Green
Analog -30° +30°
- 804741
Sly Fox
- 7C465A
≈ Cheerful Wine
- 7B4D2A
≈ Kinsusutake Brown
Triadisch +120° +240°
- 804741
Sly Fox
- 39653F
≈ Jurassic Park
- 455886
≈ True Navy
Geteilt komplementär +150° +210°
- 804741
Sly Fox
- 166858
≈ Bella Vista
- 266080
≈ Suez Canal
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.25:1 · APCA Lc 85
Ag
FailAuf Schwarz
WCAG 2.89:1 · APCA Lc 17
Beste Textfarbe: #FFFFFF
WCAG 7.25:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--sly-fox: #804741;
--sly-fox-rgb: 128 71 65;
--sly-fox-oklch: oklch(0.465 0.079 26.9);
}
.element {
color: var(--sly-fox);
background-color: hsl(6 33% 38%);
border-color: oklch(0.465 0.079 26.9);
}Tailwind CSS v4
@theme {
--color-sly-fox: #804741;
--color-sly-fox-50: #ffede8;
--color-sly-fox-100: #ffdfd9;
--color-sly-fox-200: #f4c8c1;
--color-sly-fox-300: #dda9a0;
--color-sly-fox-400: #c98d85;
--color-sly-fox-500: #b5716a;
--color-sly-fox-600: #99605a;
--color-sly-fox-700: #7b4d47;
--color-sly-fox-800: #5b3734;
--color-sly-fox-900: #402624;
--color-sly-fox-950: #281413;
}SCSS
$sly-fox: #804741;
$sly-fox-rgb: 128, 71, 65;
$sly-fox-light: mix(#fff, $sly-fox, 20%);
$sly-fox-dark: mix(#000, $sly-fox, 20%);
.element {
color: $sly-fox;
box-shadow: 0 0 0 2px rgba($sly-fox, 0.35);
}