Nearest named color · #A64B48
#A64B48
Nearest named color: Lumberjack
#A64B48 (rgb(166 75 72), hsl(2 39% 47%), oklch(0.529 0.121 24)) is closest to the named color Lumberjack. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#A64B48
oklch(0.529 0.121 24)
Color conversions
- HEX
- #a64b48
- RGB
- rgb(166 75 72)
- HSL
- hsl(2 39% 47%)
- HWB
- hwb(2 28% 35%)
- OKLCH
- oklch(0.529 0.121 24)
- OKLab
- oklab(0.529 0.111 0.049)
- CIE Lab
- lab(44.12 38.13 20.92)
- LCH
- lch(44.12 43.49 28.7)
- CMYK
- cmyk(0% 55% 57% 35%)
Tints · Shades · Tones
Tints
- B05D59
- BA6F6A
- C4817C
- CE928E
- D7A4A0
- DFB6B2
- E8C8C5
- F0DAD8
- F8ECEB
Shades
- 90403D
- 7A3533
- 652B29
- 51211F
- 3E1716
- 2B0E0D
- 1A0606
- 0A0202
- 010000
Tones
- A3514E
- A05754
- 9D5D59
- 9A635F
- 966864
- 926D6A
- 8E726F
- 8A7775
- 857B7A
Color harmonies
Complementary +180°
- A64B48
Lumberjack
- 007A83
≈ Mediterranean Cove
Analogous -30° +30°
- A64B48
Lumberjack
- 9F4A70
≈ Ancient Fuchsia
- A05518
≈ Bright Bronze
Triadic +120° +240°
- A64B48
Lumberjack
- 397D3B
≈ Mermaid’s Tail
- 4768B1
≈ Waterline Blue
Split-complementary +150° +210°
- A64B48
Lumberjack
- 007E67
≈ Generic Viridian
- 0075A1
≈ Summer Lake
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAOn white
WCAG 5.64:1 · APCA Lc 78
Ag
FailOn black
WCAG 3.72:1 · APCA Lc 24
Best text color: #FFFFFF
WCAG 5.64:1 (AA) · APCA Lc 78
Contrast pairs
Code snippets
CSS
:root {
--lumberjack: #a64b48;
--lumberjack-rgb: 166 75 72;
--lumberjack-oklch: oklch(0.529 0.121 24);
}
.element {
color: var(--lumberjack);
background-color: hsl(2 39% 47%);
border-color: oklch(0.529 0.121 24);
}Tailwind CSS v4
@theme {
--color-lumberjack: #a64b48;
--color-lumberjack-50: #ffe9e3;
--color-lumberjack-100: #ffd9d3;
--color-lumberjack-200: #ffc1b9;
--color-lumberjack-300: #ef9f97;
--color-lumberjack-400: #dd817b;
--color-lumberjack-500: #ca625e;
--color-lumberjack-600: #ab5350;
--color-lumberjack-700: #894340;
--color-lumberjack-800: #662f2f;
--color-lumberjack-900: #482020;
--color-lumberjack-950: #2e0f0f;
}SCSS
$lumberjack: #a64b48;
$lumberjack-rgb: 166, 75, 72;
$lumberjack-light: mix(#fff, $lumberjack, 20%);
$lumberjack-dark: mix(#000, $lumberjack, 20%);
.element {
color: $lumberjack;
box-shadow: 0 0 0 2px rgba($lumberjack, 0.35);
}