Benannte Farbe · #8E5959
Barn Door
Barn Door ist #8E5959: rgb(142 89 89), hsl(0 23% 45%), oklch(0.523 0.07 19.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Barn Door color name →
#8E5959
oklch(0.523 0.07 19.7)
Farbumrechnungen
- HEX
- #8e5959
- RGB
- rgb(142 89 89)
- HSL
- hsl(0 23% 45%)
- HWB
- hwb(0 35% 44%)
- OKLCH
- oklch(0.523 0.07 19.7)
- OKLab
- oklab(0.523 0.066 0.024)
- CIE Lab
- lab(43.92 22.47 9.63)
- LCH
- lch(43.92 24.44 23.2)
- CMYK
- cmyk(0% 37% 37% 44%)
Tints · Shades · Tones
Tints
- 9A6968
- A57878
- B18888
- BC9998
- C7A9A8
- D2BAB9
- DECBCA
- E9DCDC
- F4EDED
Shades
- 7B4C4C
- 684040
- 563434
- 442828
- 341D1D
- 241313
- 150909
- 070303
- 010000
Tones
- 8D5D5D
- 8C6161
- 8B6565
- 8A6968
- 896D6C
- 877170
- 867574
- 847878
- 827C7C
Farbharmonien
Komplementär +180°
- 8E5959
Barn Door
- 2F767A
≈ Atoll
Analog -30° +30°
- 8E5959
Barn Door
- 895970
≈ Indian Silk
- 8B5E44
≈ Western Pursuit
Triadisch +120° +240°
- 8E5959
Barn Door
- 54744D
≈ Irish Clover
- 526A93
≈ UCLA Blue
Geteilt komplementär +150° +210°
- 8E5959
Barn Door
- 3B7763
≈ Fir
- 3A718A
≈ Calypso
Tetradisch +90° +180° +270°
- 8E5959
Barn Door
- 6C6D3C
≈ Jungle Trail
- 2F767A
≈ Atoll
- 696390
≈ Prime Purple
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.64:1 · APCA Lc 78
Ag
FailAuf Schwarz
WCAG 3.72:1 · APCA Lc 24
Beste Textfarbe: #FFFFFF
WCAG 5.64:1 (AA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--barn-door: #8e5959;
--barn-door-rgb: 142 89 89;
--barn-door-oklch: oklch(0.523 0.07 19.7);
}
.element {
color: var(--barn-door);
background-color: hsl(0 23% 45%);
border-color: oklch(0.523 0.07 19.7);
}Tailwind CSS v4
@theme {
--color-barn-door: #8e5959;
--color-barn-door-50: #ffeeec;
--color-barn-door-100: #ffdfdd;
--color-barn-door-200: #f1c9c7;
--color-barn-door-300: #d9aaa7;
--color-barn-door-400: #c58e8d;
--color-barn-door-500: #b07373;
--color-barn-door-600: #956261;
--color-barn-door-700: #774e4e;
--color-barn-door-800: #583839;
--color-barn-door-900: #3e2727;
--color-barn-door-950: #271515;
}SCSS
$barn-door: #8e5959;
$barn-door-rgb: 142, 89, 89;
$barn-door-light: mix(#fff, $barn-door, 20%);
$barn-door-dark: mix(#000, $barn-door, 20%);
.element {
color: $barn-door;
box-shadow: 0 0 0 2px rgba($barn-door, 0.35);
}