Nearest named color · #B08968
#B08968
Nearest named color: Macaroon
#B08968 (rgb(176 137 104), hsl(27 31% 55%), oklch(0.659 0.066 61.5)) is closest to the named color Macaroon. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#B08968
oklch(0.659 0.066 61.5)
Color conversions
- HEX
- #b08968
- RGB
- rgb(176 137 104)
- HSL
- hsl(27 31% 55%)
- HWB
- hwb(27 41% 31%)
- OKLCH
- oklch(0.659 0.066 61.5)
- OKLab
- oklab(0.659 0.032 0.058)
- CIE Lab
- lab(60.28 12.06 23.72)
- LCH
- lch(60.28 26.61 63)
- CMYK
- cmyk(0% 22% 41% 31%)
Tints · Shades · Tones
Tints
- B89477
- C0A085
- C8AB94
- D0B7A3
- D8C3B2
- E0CFC1
- E7DBD0
- EFE7E0
- F7F3EF
Shades
- 997659
- 82644B
- 6C533E
- 564230
- 423124
- 2E2218
- 1C140C
- 0B0704
- 010100
Tones
- AB886B
- A7876D
- A28770
- 9D8673
- 988575
- 938477
- 8F837A
- 8A827C
- 85817E
Color harmonies
Complementary +180°
- B08968
Macaroon
- 6D97B7
≈ Lupine Blue
Analogous -30° +30°
- B08968
Macaroon
- B78379
≈ Dusky Damask
- A19162
≈ Abura Green
Triadic +120° +240°
- B08968
Macaroon
- 62A094
≈ Emerald Oasis
- 9989B4
≈ Flirty Pink
Split-complementary +150° +210°
- B08968
Macaroon
- 5F9DA9
≈ Echo One
- 8390BB
≈ Soothsayer
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 3.17:1 · APCA Lc 59
Ag
AAOn black
WCAG 6.62:1 · APCA Lc 43
Best text color: #000000
WCAG 6.62:1 (AA) · APCA Lc 43
Contrast pairs
Code snippets
CSS
:root {
--macaroon: #b08968;
--macaroon-rgb: 176 137 104;
--macaroon-oklch: oklch(0.659 0.066 61.5);
}
.element {
color: var(--macaroon);
background-color: hsl(27 31% 55%);
border-color: oklch(0.659 0.066 61.5);
}Tailwind CSS v4
@theme {
--color-macaroon: #b08968;
--color-macaroon-50: #fff2e2;
--color-macaroon-100: #f8e4d2;
--color-macaroon-200: #e9cfb8;
--color-macaroon-300: #d0b195;
--color-macaroon-400: #bc9676;
--color-macaroon-500: #a67c58;
--color-macaroon-600: #8d694b;
--color-macaroon-700: #71543c;
--color-macaroon-800: #543d2b;
--color-macaroon-900: #3a2a1d;
--color-macaroon-950: #24170d;
}SCSS
$macaroon: #b08968;
$macaroon-rgb: 176, 137, 104;
$macaroon-light: mix(#fff, $macaroon, 20%);
$macaroon-dark: mix(#000, $macaroon, 20%);
.element {
color: $macaroon;
box-shadow: 0 0 0 2px rgba($macaroon, 0.35);
}