Nearest named color · #B99731
#B99731
Nearest named color: Nugget
#B99731 (rgb(185 151 49), hsl(45 58% 46%), oklch(0.69 0.123 89.8)) is closest to the named color Nugget. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#B99731
oklch(0.69 0.123 89.8)
Color conversions
- HEX
- #b99731
- RGB
- rgb(185 151 49)
- HSL
- hsl(45 58% 46%)
- HWB
- hwb(45 19% 27%)
- OKLCH
- oklch(0.69 0.123 89.8)
- OKLab
- oklab(0.69 0 0.123)
- CIE Lab
- lab(64.29 5.44 55.55)
- LCH
- lch(64.29 55.82 84.4)
- CMYK
- cmyk(0% 18% 74% 27%)
Tints · Shades · Tones
Tints
- C0A14C
- C7AC62
- CEB677
- D5C18B
- DCCB9F
- E3D5B2
- EAE0C5
- F1EAD8
- F8F5EC
Shades
- A08329
- 896F22
- 715C1A
- 5B4913
- 46370C
- 312606
- 1E1703
- 0D0801
- 020100
Tones
- B3953E
- AD9349
- A89152
- A28F5B
- 9C8C62
- 978A69
- 91886F
- 8B8575
- 86837B
Color harmonies
Complementary +180°
- B99731
Nugget
- 7D97E8
≈ Portage
Analogous -30° +30°
- B99731
Nugget
- D28745
≈ Jazz Brass
- 92A647
≈ Arathi Highlands
Triadic +120° +240°
- B99731
Nugget
- 00AFC4
≈ Havasupai Falls
- C67EC0
≈ Lavender Sweater
Split-complementary +150° +210°
- B99731
Nugget
- 47A4DF
≈ Waimea Blue
- A789DC
≈ Middy’s Purple
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.78:1 · APCA Lc 54
Ag
AAAOn black
WCAG 7.53:1 · APCA Lc 48
Best text color: #000000
WCAG 7.53:1 (AAA) · APCA Lc 48
Contrast pairs
Code snippets
CSS
:root {
--nugget: #b99731;
--nugget-rgb: 185 151 49;
--nugget-oklch: oklch(0.69 0.123 89.8);
}
.element {
color: var(--nugget);
background-color: hsl(45 58% 46%);
border-color: oklch(0.69 0.123 89.8);
}Tailwind CSS v4
@theme {
--color-nugget: #b99731;
--color-nugget-50: #fff5ce;
--color-nugget-100: #f7e7ba;
--color-nugget-200: #e7d398;
--color-nugget-300: #ceb66b;
--color-nugget-400: #bb9b3d;
--color-nugget-500: #a68100;
--color-nugget-600: #8c6d00;
--color-nugget-700: #705700;
--color-nugget-800: #543f00;
--color-nugget-900: #3b2b00;
--color-nugget-950: #251800;
}SCSS
$nugget: #b99731;
$nugget-rgb: 185, 151, 49;
$nugget-light: mix(#fff, $nugget, 20%);
$nugget-dark: mix(#000, $nugget, 20%);
.element {
color: $nugget;
box-shadow: 0 0 0 2px rgba($nugget, 0.35);
}