Nearest named color · #B75820
#B75820
Nearest named color: Fallen Canopy
#B75820 (rgb(183 88 32), hsl(22 70% 42%), oklch(0.569 0.14 47.1)) is closest to the named color Fallen Canopy. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#B75820
oklch(0.569 0.14 47.1)
Color conversions
- HEX
- #b75820
- RGB
- rgb(183 88 32)
- HSL
- hsl(22 70% 42%)
- HWB
- hwb(22 13% 28%)
- OKLCH
- oklch(0.569 0.14 47.1)
- OKLab
- oklab(0.569 0.095 0.102)
- CIE Lab
- lab(49.03 36.87 48.64)
- LCH
- lch(49.03 61.04 52.8)
- CMYK
- cmyk(0% 52% 83% 28%)
Tints · Shades · Tones
Tints
- C0693B
- C87A52
- D08B68
- D89B7D
- DFAC93
- E6BCA8
- EDCDBD
- F3DDD3
- F9EEE9
Shades
- 9F4B1A
- 873F15
- 70330F
- 5A280A
- 451D06
- 311203
- 1E0901
- 0C0300
- 020000
Tones
- B25D2F
- AE623B
- A96745
- A46B4F
- 9E6F57
- 997360
- 937668
- 8D7A70
- 877D78
Color harmonies
Complementary +180°
- B75820
Fallen Canopy
- 0083A9
≈ Advertising Blue
Analogous -30° +30°
- B75820
Fallen Canopy
- BB4F59
≈ Dressed to the Nines
- 9E6C00
≈ Balor Brown
Triadic +120° +240°
- B75820
Fallen Canopy
- 008C68
≈ Kabalite Green
- 7367C4
≈ Ultra Violet
Split-complementary +150° +210°
- B75820
Fallen Canopy
- 00888B
≈ Well Blue
- 3C77C8
≈ Fading Night
Tetradic +90° +180° +270°
- B75820
Fallen Canopy
- 4C892E
≈ Overgrown Mausoleum
- 0083A9
≈ Advertising Blue
- 9859AD
≈ Purpureus
Contrast & accessibility
Ag
AAOn white
WCAG 4.74:1 · APCA Lc 72
Ag
FailOn black
WCAG 4.43:1 · APCA Lc 29
Best text color: #FFFFFF
WCAG 4.74:1 (AA) · APCA Lc 72
Contrast pairs
Code snippets
CSS
:root {
--fallen-canopy: #b75820;
--fallen-canopy-rgb: 183 88 32;
--fallen-canopy-oklch: oklch(0.569 0.14 47.1);
}
.element {
color: var(--fallen-canopy);
background-color: hsl(22 70% 42%);
border-color: oklch(0.569 0.14 47.1);
}Tailwind CSS v4
@theme {
--color-fallen-canopy: #b75820;
--color-fallen-canopy-50: #ffead3;
--color-fallen-canopy-100: #ffdbbf;
--color-fallen-canopy-200: #ffc39f;
--color-fallen-canopy-300: #f2a176;
--color-fallen-canopy-400: #e18251;
--color-fallen-canopy-500: #ce6324;
--color-fallen-canopy-600: #ae5521;
--color-fallen-canopy-700: #8c431a;
--color-fallen-canopy-800: #693013;
--color-fallen-canopy-900: #4a200c;
--color-fallen-canopy-950: #300f01;
}SCSS
$fallen-canopy: #b75820;
$fallen-canopy-rgb: 183, 88, 32;
$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);
}