Nearest named color · #BF942C
#BF942C
Nearest named color: Nugget
#BF942C (rgb(191 148 44), hsl(42 63% 46%), oklch(0.689 0.126 84.9)) is closest to the named color Nugget. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#BF942C
oklch(0.689 0.126 84.9)
Color conversions
- HEX
- #bf942c
- RGB
- rgb(191 148 44)
- HSL
- hsl(42 63% 46%)
- HWB
- hwb(42 17% 25%)
- OKLCH
- oklch(0.689 0.126 84.9)
- OKLab
- oklab(0.689 0.011 0.126)
- CIE Lab
- lab(64.14 9.47 57.58)
- LCH
- lch(64.14 58.35 80.7)
- CMYK
- cmyk(0% 23% 77% 25%)
Tints · Shades · Tones
Tints
- C59F48
- CCA960
- D2B475
- D9BF89
- DFCA9D
- E6D4B1
- ECDFC4
- F2EAD8
- F9F4EB
Shades
- A68025
- 8D6D1E
- 755A17
- 5E4811
- 48360A
- 332605
- 1F1602
- 0D0801
- 020100
Tones
- B9923B
- B29147
- AC8F50
- A68D59
- 9F8B61
- 998968
- 93876E
- 8D8575
- 86827A
Color harmonies
Complementary +180°
- BF942C
Nugget
- 7499EA
≈ Guilliman Blue
Analogous -30° +30°
- BF942C
Nugget
- D78448
≈ Seraphim Sepia
- 99A43E
≈ Science Experiment
Triadic +120° +240°
- BF942C
Nugget
- 00B0BE
≈ Deep Turquoise
- C27FC6
≈ Lavender Sweater
Split-complementary +150° +210°
- BF942C
Nugget
- 38A7DE
≈ Thalassophile
- A18AE1
≈ Middy’s Purple
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.80:1 · APCA Lc 54
Ag
AAAOn black
WCAG 7.48:1 · APCA Lc 48
Best text color: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Code snippets
CSS
:root {
--nugget: #bf942c;
--nugget-rgb: 191 148 44;
--nugget-oklch: oklch(0.689 0.126 84.9);
}
.element {
color: var(--nugget);
background-color: hsl(42 63% 46%);
border-color: oklch(0.689 0.126 84.9);
}Tailwind CSS v4
@theme {
--color-nugget: #bf942c;
--color-nugget-50: #fff4cd;
--color-nugget-100: #fae6b8;
--color-nugget-200: #ecd196;
--color-nugget-300: #d3b368;
--color-nugget-400: #c1983a;
--color-nugget-500: #ac7d00;
--color-nugget-600: #926a00;
--color-nugget-700: #755500;
--color-nugget-800: #573d00;
--color-nugget-900: #3d2a00;
--color-nugget-950: #271700;
}SCSS
$nugget: #bf942c;
$nugget-rgb: 191, 148, 44;
$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);
}