Benannte Farbe · #BF9B84
Stuffing
Stuffing ist #BF9B84: rgb(191 155 132), hsl(23 32% 63%), oklch(0.716 0.054 54.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Stuffing color name →
#BF9B84
oklch(0.716 0.054 54.2)
Farbumrechnungen
- HEX
- #bf9b84
- RGB
- rgb(191 155 132)
- HSL
- hsl(23 32% 63%)
- HWB
- hwb(23 52% 25%)
- OKLCH
- oklch(0.716 0.054 54.2)
- OKLab
- oklab(0.716 0.032 0.044)
- CIE Lab
- lab(66.89 11.34 17.42)
- LCH
- lch(66.89 20.79 56.9)
- CMYK
- cmyk(0% 19% 31% 25%)
Tints · Shades · Tones
Tints
- C5A590
- CCAE9C
- D2B8A8
- D9C2B4
- DFCCC0
- E6D6CD
- ECE0D9
- F2EAE6
- F9F5F2
Shades
- A68672
- 8D7260
- 755E4F
- 5E4B3F
- 48392F
- 332820
- 1F1812
- 0D0906
- 020101
Tones
- B99884
- B29683
- AC9383
- A69083
- 9F8E82
- 998B82
- 938882
- 8D8581
- 868381
Farbharmonien
Komplementär +180°
- BF9B84
Stuffing
- 83AAC1
≈ Arabella
Analog -30° +30°
- BF9B84
Stuffing
- C39793
≈ Mutabilis
- B3A17D
≈ Paper Sack
Triadisch +120° +240°
- BF9B84
Stuffing
- 80AFA1
≈ Green Room
- A59DC3
≈ Evening Slipper
Geteilt komplementär +150° +210°
- BF9B84
Stuffing
- 7BAEB3
≈ Buoyancy
- 93A4C6
≈ Wild Clary
Tetradisch +90° +180° +270°
- BF9B84
Stuffing
- 90AD8F
≈ Flora Green
- 83AAC1
≈ Arabella
- B598B7
≈ Grape Smoke
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.54:1 · APCA Lc 50
Ag
AAAAuf Schwarz
WCAG 8.23:1 · APCA Lc 52
Beste Textfarbe: #000000
WCAG 8.23:1 (AAA) · APCA Lc 52
Contrast pairs
Code-Snippets
CSS
:root {
--stuffing: #bf9b84;
--stuffing-rgb: 191 155 132;
--stuffing-oklch: oklch(0.716 0.054 54.2);
}
.element {
color: var(--stuffing);
background-color: hsl(23 32% 63%);
border-color: oklch(0.716 0.054 54.2);
}Tailwind CSS v4
@theme {
--color-stuffing: #bf9b84;
--color-stuffing-50: #fff2e7;
--color-stuffing-100: #f7e4d7;
--color-stuffing-200: #e7cfbf;
--color-stuffing-300: #ceb19d;
--color-stuffing-400: #b89681;
--color-stuffing-500: #a37d64;
--color-stuffing-600: #8a6a55;
--color-stuffing-700: #6e5544;
--color-stuffing-800: #523d31;
--color-stuffing-900: #392a21;
--color-stuffing-950: #231811;
}SCSS
$stuffing: #bf9b84;
$stuffing-rgb: 191, 155, 132;
$stuffing-light: mix(#fff, $stuffing, 20%);
$stuffing-dark: mix(#000, $stuffing, 20%);
.element {
color: $stuffing;
box-shadow: 0 0 0 2px rgba($stuffing, 0.35);
}