Benannte Farbe · #A34B41
Farmhouse Red
Farmhouse Red ist #A34B41: rgb(163 75 65), hsl(6 43% 45%), oklch(0.523 0.119 28.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Farmhouse Red color name →
#A34B41
oklch(0.523 0.119 28.4)
Farbumrechnungen
- HEX
- #a34b41
- RGB
- rgb(163 75 65)
- HSL
- hsl(6 43% 45%)
- HWB
- hwb(6 25% 36%)
- OKLCH
- oklch(0.523 0.119 28.4)
- OKLab
- oklab(0.523 0.104 0.056)
- CIE Lab
- lab(43.53 36.58 24.24)
- LCH
- lch(43.53 43.89 33.5)
- CMYK
- cmyk(0% 54% 60% 36%)
Tints · Shades · Tones
Tints
- AE5D53
- B86F65
- C28077
- CB928A
- D5A49C
- DEB6B0
- E7C8C3
- EFDAD7
- F7ECEB
Shades
- 8D4037
- 78352E
- 632B25
- 4F211C
- 3C1713
- 2A0E0B
- 190605
- 0A0201
- 010000
Tones
- A15148
- 9E574E
- 9B5D55
- 98625B
- 956861
- 916D67
- 8D726E
- 897774
- 857B7A
Farbharmonien
Komplementär +180°
- A34B41
Farmhouse Red
- 007885
≈ Biscay Bay
Analog -30° +30°
- A34B41
Farmhouse Red
- 9E4969
≈ Ancient Fuchsia
- 9B550F
≈ Fresh Cinnamon
Triadisch +120° +240°
- A34B41
Farmhouse Red
- 2F7C41
≈ Mermaid’s Tail
- 4D65AE
≈ Submarine Base
Geteilt komplementär +150° +210°
- A34B41
Farmhouse Red
- 007B6A
≈ Ultramarine Green
- 0071A5
≈ Quarterdeck
Tetradisch +90° +180° +270°
- A34B41
Farmhouse Red
- 647209
≈ Fern Frond
- 007885
≈ Biscay Bay
- 7358A4
≈ Sumire Violet
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.76:1 · APCA Lc 78
Ag
FailAuf Schwarz
WCAG 3.64:1 · APCA Lc 23
Beste Textfarbe: #FFFFFF
WCAG 5.76:1 (AA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--farmhouse-red: #a34b41;
--farmhouse-red-rgb: 163 75 65;
--farmhouse-red-oklch: oklch(0.523 0.119 28.4);
}
.element {
color: var(--farmhouse-red);
background-color: hsl(6 43% 45%);
border-color: oklch(0.523 0.119 28.4);
}Tailwind CSS v4
@theme {
--color-farmhouse-red: #a34b41;
--color-farmhouse-red-50: #ffe9e1;
--color-farmhouse-red-100: #ffdad0;
--color-farmhouse-red-200: #ffc2b6;
--color-farmhouse-red-300: #eea193;
--color-farmhouse-red-400: #dc8276;
--color-farmhouse-red-500: #c96458;
--color-farmhouse-red-600: #a9554b;
--color-farmhouse-red-700: #88443c;
--color-farmhouse-red-800: #65302c;
--color-farmhouse-red-900: #47211d;
--color-farmhouse-red-950: #2e100e;
}SCSS
$farmhouse-red: #a34b41;
$farmhouse-red-rgb: 163, 75, 65;
$farmhouse-red-light: mix(#fff, $farmhouse-red, 20%);
$farmhouse-red-dark: mix(#000, $farmhouse-red, 20%);
.element {
color: $farmhouse-red;
box-shadow: 0 0 0 2px rgba($farmhouse-red, 0.35);
}