Nearest named color · #B16C59
#B16C59
Nearest named color: Amaretto
#B16C59 (rgb(177 108 89), hsl(13 36% 52%), oklch(0.602 0.093 36.2)) is closest to the named color Amaretto. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#B16C59
oklch(0.602 0.093 36.2)
Color conversions
- HEX
- #b16c59
- RGB
- rgb(177 108 89)
- HSL
- hsl(13 36% 52%)
- HWB
- hwb(13 35% 31%)
- OKLCH
- oklch(0.602 0.093 36.2)
- OKLab
- oklab(0.602 0.075 0.055)
- CIE Lab
- lab(53.1 26.72 22.87)
- LCH
- lch(53.1 35.17 40.6)
- CMYK
- cmyk(0% 39% 50% 31%)
Tints · Shades · Tones
Tints
- BA7A69
- C28979
- CA9789
- D2A699
- DAB4AA
- E2C3BA
- E9D2CB
- F1E1DC
- F8F0EE
Shades
- 995D4C
- 834E40
- 6C4034
- 573228
- 42251D
- 2F1913
- 1C0D09
- 0C0403
- 010000
Tones
- AD6E5D
- A87161
- A47365
- 9F7569
- 9A776D
- 957971
- 907B75
- 8B7D79
- 867E7C
Color harmonies
Complementary +180°
- B16C59
Amaretto
- 2D8EA4
≈ Scooter
Analogous -30° +30°
- B16C59
Amaretto
- B06878
≈ Refined Rose
- A77540
≈ Invitation Gold
Triadic +120° +240°
- B16C59
Amaretto
- 4E9269
≈ Illuminati Green
- 727CB8
≈ Persian Jewel
Split-complementary +150° +210°
- B16C59
Amaretto
- 2B9389
≈ Torrid Turquoise
- 4F86B5
≈ Hideout
Tetradic +90° +180° +270°
- B16C59
Amaretto
- 738B4B
≈ Bright Forest
- 2D8EA4
≈ Scooter
- 8F72AD
≈ Ce Soir
Contrast & accessibility
Ag
FailOn white
WCAG 4.07:1 · APCA Lc 68
Ag
AAOn black
WCAG 5.15:1 · APCA Lc 34
Best text color: #000000
WCAG 5.15:1 (AA) · APCA Lc 34
Contrast pairs
Code snippets
CSS
:root {
--amaretto: #b16c59;
--amaretto-rgb: 177 108 89;
--amaretto-oklch: oklch(0.602 0.093 36.2);
}
.element {
color: var(--amaretto);
background-color: hsl(13 36% 52%);
border-color: oklch(0.602 0.093 36.2);
}Tailwind CSS v4
@theme {
--color-amaretto: #b16c59;
--color-amaretto-50: #ffede2;
--color-amaretto-100: #ffded2;
--color-amaretto-200: #f9c7b8;
--color-amaretto-300: #e2a795;
--color-amaretto-400: #cf8b78;
--color-amaretto-500: #bb6f5a;
--color-amaretto-600: #9e5e4c;
--color-amaretto-700: #7f4b3d;
--color-amaretto-800: #5e362c;
--color-amaretto-900: #42251e;
--color-amaretto-950: #2a130e;
}SCSS
$amaretto: #b16c59;
$amaretto-rgb: 177, 108, 89;
$amaretto-light: mix(#fff, $amaretto, 20%);
$amaretto-dark: mix(#000, $amaretto, 20%);
.element {
color: $amaretto;
box-shadow: 0 0 0 2px rgba($amaretto, 0.35);
}