Nächste benannte Farbe · #BC8D21
#BC8D21
Nächste benannte Farbe: Nugget
#BC8D21 (rgb(188 141 33), hsl(42 70% 43%), oklch(0.671 0.129 82.7)) liegt am nächsten an der benannten Farbe Nugget. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#BC8D21
oklch(0.671 0.129 82.7)
Farbumrechnungen
- HEX
- #bc8d21
- RGB
- rgb(188 141 33)
- HSL
- hsl(42 70% 43%)
- HWB
- hwb(42 13% 26%)
- OKLCH
- oklch(0.671 0.129 82.7)
- OKLab
- oklab(0.671 0.016 0.127)
- CIE Lab
- lab(61.98 11.51 59.32)
- LCH
- lch(61.98 60.43 79)
- CMYK
- cmyk(0% 25% 82% 26%)
Tints · Shades · Tones
Tints
- C39841
- CAA45A
- D0AF70
- D7BB85
- DEC69A
- E5D1AE
- EBDDC2
- F2E8D6
- F8F4EB
Shades
- A37A1B
- 8B6716
- 735510
- 5D440B
- 473306
- 322303
- 1F1401
- 0D0700
- 020100
Tones
- B68C33
- B08B41
- AA8A4B
- A48955
- 9E885D
- 988665
- 92856C
- 8C8373
- 86827A
Farbharmonien
Komplementär +180°
- BC8D21
Nugget
- 6B94E4
≈ Guilliman Blue
Analog -30° +30°
- BC8D21
Nugget
- D27D43
≈ Pumpkin Bread
- 979D32
≈ Pickled Cucumber
Triadisch +120° +240°
- BC8D21
Nugget
- 00AAB4
≈ Bluebird
- BB79C4
≈ Gulābī Pink
Geteilt komplementär +150° +210°
- BC8D21
Nugget
- 25A2D7
≈ Blue Damselfly
- 9985DD
≈ Perrywinkle
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.01:1 · APCA Lc 57
Ag
AAAuf Schwarz
WCAG 6.97:1 · APCA Lc 45
Beste Textfarbe: #000000
WCAG 6.97:1 (AA) · APCA Lc 45
Contrast pairs
Code-Snippets
CSS
:root {
--nugget: #bc8d21;
--nugget-rgb: 188 141 33;
--nugget-oklch: oklch(0.671 0.129 82.7);
}
.element {
color: var(--nugget);
background-color: hsl(42 70% 43%);
border-color: oklch(0.671 0.129 82.7);
}Tailwind CSS v4
@theme {
--color-nugget: #bc8d21;
--color-nugget-50: #fff3cc;
--color-nugget-100: #fce5b7;
--color-nugget-200: #eed195;
--color-nugget-300: #d6b267;
--color-nugget-400: #c39737;
--color-nugget-500: #af7c00;
--color-nugget-600: #946900;
--color-nugget-700: #775400;
--color-nugget-800: #593c00;
--color-nugget-900: #3e2a00;
--color-nugget-950: #271700;
}SCSS
$nugget: #bc8d21;
$nugget-rgb: 188, 141, 33;
$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);
}