Nearest named color · #A25049
#A25049
Nearest named color: Lumberjack
#A25049 (rgb(162 80 73), hsl(5 38% 46%), oklch(0.531 0.11 26.4)) is closest to the named color Lumberjack. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#A25049
oklch(0.531 0.11 26.4)
Color conversions
- HEX
- #a25049
- RGB
- rgb(162 80 73)
- HSL
- hsl(5 38% 46%)
- HWB
- hwb(5 29% 36%)
- OKLCH
- oklch(0.531 0.11 26.4)
- OKLab
- oklab(0.531 0.098 0.049)
- CIE Lab
- lab(44.51 34.15 20.66)
- LCH
- lch(44.51 39.92 31.2)
- CMYK
- cmyk(0% 51% 55% 36%)
Tints · Shades · Tones
Tints
- AD615A
- B7726B
- C1837D
- CA958E
- D4A6A0
- DDB7B3
- E6C9C5
- EEDBD8
- F7EDEC
Shades
- 8C443E
- 773934
- 632E2A
- 4F2420
- 3C1A17
- 2A100E
- 190706
- 0A0202
- 010000
Tones
- A0564F
- 9D5B54
- 9A605A
- 97655F
- 946A65
- 906E6A
- 8D7370
- 897775
- 857C7B
Color harmonies
Complementary +180°
- A25049
Lumberjack
- 007A86
≈ Mediterranean Cove
Analogous -30° +30°
- A25049
Lumberjack
- 9D4E6D
≈ Cherry Berry
- 9B5922
≈ Bright Bronze
Triadic +120° +240°
- A25049
Lumberjack
- 3C7D44
≈ Hills of Ireland
- 4E69AC
≈ Submarine Base
Split-complementary +150° +210°
- A25049
Lumberjack
- 007E6A
≈ Mediaeval Forest
- 1174A3
≈ Quarterdeck
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAOn white
WCAG 5.55:1 · APCA Lc 77
Ag
FailOn black
WCAG 3.77:1 · APCA Lc 24
Best text color: #FFFFFF
WCAG 5.55:1 (AA) · APCA Lc 77
Contrast pairs
Code snippets
CSS
:root {
--lumberjack: #a25049;
--lumberjack-rgb: 162 80 73;
--lumberjack-oklch: oklch(0.531 0.11 26.4);
}
.element {
color: var(--lumberjack);
background-color: hsl(5 38% 46%);
border-color: oklch(0.531 0.11 26.4);
}Tailwind CSS v4
@theme {
--color-lumberjack: #a25049;
--color-lumberjack-50: #ffeae4;
--color-lumberjack-100: #ffdbd3;
--color-lumberjack-200: #ffc3ba;
--color-lumberjack-300: #eaa298;
--color-lumberjack-400: #d8847c;
--color-lumberjack-500: #c4675e;
--color-lumberjack-600: #a65750;
--color-lumberjack-700: #854640;
--color-lumberjack-800: #63322f;
--color-lumberjack-900: #462220;
--color-lumberjack-950: #2d110f;
}SCSS
$lumberjack: #a25049;
$lumberjack-rgb: 162, 80, 73;
$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);
}