Benannte Farbe · #BF961F
Nugget Gold
Nugget Gold ist #BF961F: rgb(191 150 31), hsl(45 72% 44%), oklch(0.693 0.134 87.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Nugget Gold color name →
#BF961F
oklch(0.693 0.134 87.6)
Farbumrechnungen
- HEX
- #bf961f
- RGB
- rgb(191 150 31)
- HSL
- hsl(45 72% 44%)
- HWB
- hwb(45 12% 25%)
- OKLCH
- oklch(0.693 0.134 87.6)
- OKLab
- oklab(0.693 0.006 0.133)
- CIE Lab
- lab(64.59 8.12 62.2)
- LCH
- lch(64.59 62.72 82.6)
- CMYK
- cmyk(0% 21% 84% 25%)
Tints · Shades · Tones
Tints
- C5A141
- CCAB5B
- D2B671
- D9C086
- DFCB9B
- E5D5AF
- ECE0C3
- F2EAD7
- F9F5EB
Shades
- A68219
- 8D6E14
- 755B0F
- 5E490A
- 483706
- 332603
- 1F1601
- 0D0800
- 020100
Tones
- B99433
- B29241
- AC904C
- A68E56
- 9F8C5E
- 998A66
- 93876D
- 8C8574
- 86837A
Farbharmonien
Komplementär +180°
- BF961F
Nugget Gold
- 7898EF
≈ Guilliman Blue
Analog -30° +30°
- BF961F
Nugget Gold
- D9853F
≈ Dull Orange
- 96A73A
≈ Science Experiment
Triadisch +120° +240°
- BF961F
Nugget Gold
- 00B0C2
≈ Antigua Blue
- C87DC6
≈ Purple Kush
Geteilt komplementär +150° +210°
- BF961F
Nugget Gold
- 36A7E4
≈ Huelveño Horizon
- A689E4
≈ Middy’s Purple
Tetradisch +90° +180° +270°
- BF961F
Nugget Gold
- 00B59C
≈ Aare River
- 7898EF
≈ Guilliman Blue
- DD769C
≈ Real Raspberry
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.76:1 · APCA Lc 53
Ag
AAAAuf Schwarz
WCAG 7.59:1 · APCA Lc 49
Beste Textfarbe: #000000
WCAG 7.59:1 (AAA) · APCA Lc 49
Contrast pairs
Code-Snippets
CSS
:root {
--nugget-gold: #bf961f;
--nugget-gold-rgb: 191 150 31;
--nugget-gold-oklch: oklch(0.693 0.134 87.6);
}
.element {
color: var(--nugget-gold);
background-color: hsl(45 72% 44%);
border-color: oklch(0.693 0.134 87.6);
}Tailwind CSS v4
@theme {
--color-nugget-gold: #bf961f;
--color-nugget-gold-50: #fff4ca;
--color-nugget-gold-100: #f9e7b5;
--color-nugget-gold-200: #ebd292;
--color-nugget-gold-300: #d2b463;
--color-nugget-gold-400: #c0992f;
--color-nugget-gold-500: #ab7e00;
--color-nugget-gold-600: #916b00;
--color-nugget-gold-700: #745600;
--color-nugget-gold-800: #573e00;
--color-nugget-gold-900: #3d2a00;
--color-nugget-gold-950: #261800;
}SCSS
$nugget-gold: #bf961f;
$nugget-gold-rgb: 191, 150, 31;
$nugget-gold-light: mix(#fff, $nugget-gold, 20%);
$nugget-gold-dark: mix(#000, $nugget-gold, 20%);
.element {
color: $nugget-gold;
box-shadow: 0 0 0 2px rgba($nugget-gold, 0.35);
}