Benannte Farbe · #801818
Falu Red
Falu Red ist #801818: rgb(128 24 24), hsl(0 68% 30%), oklch(0.393 0.139 26.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Falu Red color name →
#801818
oklch(0.393 0.139 26.5)
Farbumrechnungen
- HEX
- #801818
- RGB
- rgb(128 24 24)
- HSL
- hsl(0 68% 30%)
- HWB
- hwb(0 9% 50%)
- OKLCH
- oklch(0.393 0.139 26.5)
- OKLab
- oklab(0.393 0.124 0.062)
- CIE Lab
- lab(28.15 43.79 29.55)
- LCH
- lch(28.15 52.83 34)
- CMYK
- cmyk(0% 81% 81% 50%)
Tints · Shades · Tones
Tints
- 8F342E
- 9D4B44
- AB615A
- B87770
- C58D86
- D1A39E
- DDBAB5
- E9D1CD
- F4E8E6
Shades
- 6E1313
- 5D0F0F
- 4D0A0A
- 3D0707
- 2E0404
- 1F0202
- 120101
- 060000
- 010000
Tones
- 822724
- 83342E
- 843E39
- 854943
- 85524D
- 855C57
- 856561
- 846E6B
- 827776
Farbharmonien
Komplementär +180°
- 801818
Falu Red
- 005058
≈ Deep Atlantic Blue
Analog -30° +30°
- 801818
Falu Red
- 7A1747
≈ Pansy Purple
- 6B3500
≈ Nutmeg Wood Finish
Triadisch +120° +240°
- 801818
Falu Red
- 005519
≈ Swamp Monster
- 233D8F
≈ Navy Seal
Geteilt komplementär +150° +210°
- 801818
Falu Red
- 005245
≈ Tetsu Green
- 004C6D
≈ Navy Dark Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 10.18:1 · APCA Lc 92
Ag
FailAuf Schwarz
WCAG 2.06:1 · APCA Lc 10
Beste Textfarbe: #FFFFFF
WCAG 10.18:1 (AAA) · APCA Lc 92
Contrast pairs
Code-Snippets
CSS
:root {
--falu-red: #801818;
--falu-red-rgb: 128 24 24;
--falu-red-oklch: oklch(0.393 0.139 26.5);
}
.element {
color: var(--falu-red);
background-color: hsl(0 68% 30%);
border-color: oklch(0.393 0.139 26.5);
}Tailwind CSS v4
@theme {
--color-falu-red: #801818;
--color-falu-red-50: #ffe7df;
--color-falu-red-100: #ffd7ce;
--color-falu-red-200: #ffbeb3;
--color-falu-red-300: #f69c8f;
--color-falu-red-400: #e57b72;
--color-falu-red-500: #d25b53;
--color-falu-red-600: #b24e46;
--color-falu-red-700: #8f3e38;
--color-falu-red-800: #6a2c29;
--color-falu-red-900: #4b1e1c;
--color-falu-red-950: #310d0c;
}SCSS
$falu-red: #801818;
$falu-red-rgb: 128, 24, 24;
$falu-red-light: mix(#fff, $falu-red, 20%);
$falu-red-dark: mix(#000, $falu-red, 20%);
.element {
color: $falu-red;
box-shadow: 0 0 0 2px rgba($falu-red, 0.35);
}