Màu có tên · #B85824
Fallen Canopy
Fallen Canopy là #B85824: rgb(184 88 36), hsl(21 67% 43%), oklch(0.571 0.14 45.8). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Brown mean? → · Fallen Canopy color name →
#B85824
oklch(0.571 0.14 45.8)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- C1693E
- C97A54
- D18B6A
- D89B7F
- E0AC94
- E7BCA9
- EDCDBE
- F3DDD4
- F9EEE9
Sắc đậm
- A04B1E
- 883F18
- 713312
- 5B280C
- 451D07
- 311204
- 1E0902
- 0C0300
- 020000
Sắc xám
- B35D32
- AE623D
- A96747
- A46B50
- 9F6F59
- 997361
- 937669
- 8D7A71
- 877D78
Hòa sắc
Bổ túc +180°
- B85824
Fallen Canopy
- 0084A8
≈ Tibetan Turquoise
Tương đồng -30° +30°
- B85824
Fallen Canopy
- BB4F5B
≈ Salsa Diane
- 9F6C00
≈ Balor Brown
Bộ ba +120° +240°
- B85824
Fallen Canopy
- 008D67
≈ Kabalite Green
- 7268C5
≈ Ultra Violet
Bổ túc chia +150° +210°
- B85824
Fallen Canopy
- 00898A
≈ Industrial Blue
- 3978C8
≈ Fading Night
Bộ bốn +90° +180° +270°
- B85824
Fallen Canopy
- 4F892C
≈ Overgrown Mausoleum
- 0084A8
≈ Tibetan Turquoise
- 975AAE
≈ Lusty Lavender
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 4.70:1 · APCA Lc 72
Ag
FailTrên nền đen
WCAG 4.45:1 · APCA Lc 30
Màu chữ tốt nhất: #FFFFFF
WCAG 4.70:1 (AA) · APCA Lc 72
Contrast pairs
Đoạn mã
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);
}