Nearest named color · #BDAC65
#BDAC65
Nearest named color: Canadian Maple
#BDAC65 (rgb(189 172 101), hsl(48 40% 57%), oklch(0.743 0.094 96.3)) is closest to the named color Canadian Maple. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#BDAC65
oklch(0.743 0.094 96.3)
Color conversions
- HEX
- #bdac65
- RGB
- rgb(189 172 101)
- HSL
- hsl(48 40% 57%)
- HWB
- hwb(48 40% 26%)
- OKLCH
- oklch(0.743 0.094 96.3)
- OKLab
- oklab(0.743 -0.01 0.093)
- CIE Lab
- lab(70.65 -0.79 38.66)
- LCH
- lch(70.65 38.67 91.2)
- CMYK
- cmyk(0% 9% 47% 26%)
Tints · Shades · Tones
Tints
- C3B475
- CABD85
- D0C594
- D7CDA4
- DDD5B3
- E4DEC2
- EBE6D1
- F1EEE0
- F8F7F0
Shades
- A49557
- 8C7F49
- 74693C
- 5D542F
- 474022
- 332D17
- 1F1B0C
- 0D0B03
- 020100
Tones
- B7A869
- B0A36D
- AA9F70
- A49B73
- 9E9675
- 989278
- 928D7A
- 8C897C
- 86847E
Color harmonies
Complementary +180°
- BDAC65
Canadian Maple
- 9CA7E7
≈ Dalmatian Sage
Analogous -30° +30°
- BDAC65
Canadian Maple
- D4A06B
≈ Desert Caravan
- 9DB775
≈ Around the Gills
Triadic +120° +240°
- BDAC65
Canadian Maple
- 5EBBD2
≈ Fitness Blue
- D295C2
≈ Carnation Rose
Split-complementary +150° +210°
- BDAC65
Canadian Maple
- 7AB2E4
≈ Lucea
- BB9DDB
≈ Violet Velvet
Tetradic +90° +180° +270°
- BDAC65
Canadian Maple
- 5EBFB5
≈ Hygiene Green
- 9CA7E7
≈ Dalmatian Sage
- DF93A2
≈ Rose Marquis
Contrast & accessibility
Ag
FailOn white
WCAG 2.26:1 · APCA Lc 45
Ag
AAAOn black
WCAG 9.25:1 · APCA Lc 57
Best text color: #000000
WCAG 9.25:1 (AAA) · APCA Lc 57
Contrast pairs
Code snippets
CSS
:root {
--canadian-maple: #bdac65;
--canadian-maple-rgb: 189 172 101;
--canadian-maple-oklch: oklch(0.743 0.094 96.3);
}
.element {
color: var(--canadian-maple);
background-color: hsl(48 40% 57%);
border-color: oklch(0.743 0.094 96.3);
}Tailwind CSS v4
@theme {
--color-canadian-maple: #bdac65;
--color-canadian-maple-50: #fcf6d8;
--color-canadian-maple-100: #f0e9c6;
--color-canadian-maple-200: #ded5a8;
--color-canadian-maple-300: #c4b881;
--color-canadian-maple-400: #ae9f5c;
--color-canadian-maple-500: #988635;
--color-canadian-maple-600: #81712e;
--color-canadian-maple-700: #675b25;
--color-canadian-maple-800: #4d4218;
--color-canadian-maple-900: #352d10;
--color-canadian-maple-950: #211a03;
}SCSS
$canadian-maple: #bdac65;
$canadian-maple-rgb: 189, 172, 101;
$canadian-maple-light: mix(#fff, $canadian-maple, 20%);
$canadian-maple-dark: mix(#000, $canadian-maple, 20%);
.element {
color: $canadian-maple;
box-shadow: 0 0 0 2px rgba($canadian-maple, 0.35);
}