Benannte Farbe · #B85824
Fallen Canopy
Fallen Canopy ist #B85824: rgb(184 88 36), hsl(21 67% 43%), oklch(0.571 0.14 45.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Fallen Canopy color name →
#B85824
oklch(0.571 0.14 45.8)
Farbumrechnungen
- HEX
- #b85824
- RGB
- rgb(184 88 36)
- HSL
- hsl(21 67% 43%)
- HWB
- hwb(21 14% 28%)
- OKLCH
- oklch(0.571 0.14 45.8)
- OKLab
- oklab(0.571 0.097 0.1)
- CIE Lab
- lab(49.21 37.36 47.11)
- LCH
- lch(49.21 60.13 51.6)
- CMYK
- cmyk(0% 52% 80% 28%)
Tints · Shades · Tones
Tints
- C1693E
- C97A54
- D18B6A
- D89B7F
- E0AC94
- E7BCA9
- EDCDBE
- F3DDD4
- F9EEE9
Shades
- A04B1E
- 883F18
- 713312
- 5B280C
- 451D07
- 311204
- 1E0902
- 0C0300
- 020000
Tones
- B35D32
- AE623D
- A96747
- A46B50
- 9F6F59
- 997361
- 937669
- 8D7A71
- 877D78
Farbharmonien
Komplementär +180°
- B85824
Fallen Canopy
- 0084A8
≈ Tibetan Turquoise
Analog -30° +30°
- B85824
Fallen Canopy
- BB4F5B
≈ Salsa Diane
- 9F6C00
≈ Balor Brown
Triadisch +120° +240°
- B85824
Fallen Canopy
- 008D67
≈ Kabalite Green
- 7268C5
≈ Ultra Violet
Geteilt komplementär +150° +210°
- B85824
Fallen Canopy
- 00898A
≈ Industrial Blue
- 3978C8
≈ Fading Night
Tetradisch +90° +180° +270°
- B85824
Fallen Canopy
- 4F892C
≈ Overgrown Mausoleum
- 0084A8
≈ Tibetan Turquoise
- 975AAE
≈ Lusty Lavender
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.70:1 · APCA Lc 72
Ag
FailAuf Schwarz
WCAG 4.45:1 · APCA Lc 30
Beste Textfarbe: #FFFFFF
WCAG 4.70:1 (AA) · APCA Lc 72
Contrast pairs
Code-Snippets
CSS
:root {
--fallen-canopy: #b85824;
--fallen-canopy-rgb: 184 88 36;
--fallen-canopy-oklch: oklch(0.571 0.14 45.8);
}
.element {
color: var(--fallen-canopy);
background-color: hsl(21 67% 43%);
border-color: oklch(0.571 0.14 45.8);
}Tailwind CSS v4
@theme {
--color-fallen-canopy: #b85824;
--color-fallen-canopy-50: #ffead3;
--color-fallen-canopy-100: #ffdbc0;
--color-fallen-canopy-200: #ffc3a0;
--color-fallen-canopy-300: #f2a177;
--color-fallen-canopy-400: #e18253;
--color-fallen-canopy-500: #ce6327;
--color-fallen-canopy-600: #ae5424;
--color-fallen-canopy-700: #8c431c;
--color-fallen-canopy-800: #692f15;
--color-fallen-canopy-900: #4a200d;
--color-fallen-canopy-950: #300f02;
}SCSS
$fallen-canopy: #b85824;
$fallen-canopy-rgb: 184, 88, 36;
$fallen-canopy-light: mix(#fff, $fallen-canopy, 20%);
$fallen-canopy-dark: mix(#000, $fallen-canopy, 20%);
.element {
color: $fallen-canopy;
box-shadow: 0 0 0 2px rgba($fallen-canopy, 0.35);
}