Nearest named color · #B39486
#B39486
Nearest named color: Nougat
#B39486 (rgb(179 148 134), hsl(19 23% 61%), oklch(0.691 0.043 45.7)) is closest to the named color Nougat. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#B39486
oklch(0.691 0.043 45.7)
Color conversions
- HEX
- #b39486
- RGB
- rgb(179 148 134)
- HSL
- hsl(19 23% 61%)
- HWB
- hwb(19 53% 30%)
- OKLCH
- oklch(0.691 0.043 45.7)
- OKLab
- oklab(0.691 0.03 0.03)
- CIE Lab
- lab(63.92 10.38 12.01)
- LCH
- lch(63.92 15.87 49.2)
- CMYK
- cmyk(0% 17% 25% 30%)
Tints · Shades · Tones
Tints
- BB9E92
- C2A99D
- CAB3A9
- D1BEB5
- D9C8C1
- E1D3CD
- E8DED9
- F0E9E6
- F7F4F2
Shades
- 9B8074
- 846D62
- 6E5A51
- 584840
- 433630
- 2F2621
- 1D1613
- 0C0806
- 010101
Tones
- AE9285
- A99085
- A48E84
- 9F8C84
- 9A8A83
- 948883
- 8F8682
- 8A8481
- 858281
Color harmonies
Complementary +180°
- B39486
Nougat
- 80A2B0
≈ Lake Winnipeg
Analogous -30° +30°
- B39486
Nougat
- B59193
≈ Deauville Mauve
- AB997F
≈ York Beige
Triadic +120° +240°
- B39486
Nougat
- 83A495
≈ Aspen Aura
- 9998B6
≈ Tusi Grey
Split-complementary +150° +210°
- B39486
Nougat
- 7DA4A4
≈ Sightful
- 8B9DB6
≈ Periwinkle Dusk
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.80:1 · APCA Lc 54
Ag
AAAOn black
WCAG 7.49:1 · APCA Lc 48
Best text color: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Code snippets
CSS
:root {
--nougat: #b39486;
--nougat-rgb: 179 148 134;
--nougat-oklch: oklch(0.691 0.043 45.7);
}
.element {
color: var(--nougat);
background-color: hsl(19 23% 61%);
border-color: oklch(0.691 0.043 45.7);
}Tailwind CSS v4
@theme {
--color-nougat: #b39486;
--color-nougat-50: #fff2eb;
--color-nougat-100: #f5e4dc;
--color-nougat-200: #e4cfc5;
--color-nougat-300: #cbb1a5;
--color-nougat-400: #b5978a;
--color-nougat-500: #9f7e6f;
--color-nougat-600: #866b5e;
--color-nougat-700: #6c554b;
--color-nougat-800: #4f3e37;
--color-nougat-900: #372b25;
--color-nougat-950: #221814;
}SCSS
$nougat: #b39486;
$nougat-rgb: 179, 148, 134;
$nougat-light: mix(#fff, $nougat, 20%);
$nougat-dark: mix(#000, $nougat, 20%);
.element {
color: $nougat;
box-shadow: 0 0 0 2px rgba($nougat, 0.35);
}