Benannte Farbe · #B1B6A3
Fennel Stem
Fennel Stem ist #B1B6A3: rgb(177 182 163), hsl(76 12% 68%), oklch(0.767 0.027 119). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Fennel Stem color name →
#B1B6A3
oklch(0.767 0.027 119)
Farbumrechnungen
- HEX
- #b1b6a3
- RGB
- rgb(177 182 163)
- HSL
- hsl(76 12% 68%)
- HWB
- hwb(76 64% 29%)
- OKLCH
- oklch(0.767 0.027 119)
- OKLab
- oklab(0.767 -0.013 0.024)
- CIE Lab
- lab(73.24 -4.38 9.08)
- LCH
- lch(73.24 10.08 115.7)
- CMYK
- cmyk(3% 0% 10% 29%)
Tints · Shades · Tones
Tints
- B9BDAC
- C0C4B5
- C8CBBE
- D0D3C7
- D7DAD0
- DFE1D9
- E7E9E3
- EFF0EC
- F7F8F6
Shades
- 999E8D
- 838678
- 6C6F63
- 57594F
- 42443C
- 2F302A
- 1C1D19
- 0C0C0A
- 010201
Tones
- ACB09F
- A7AB9C
- A2A598
- 9DA095
- 989B91
- 93958E
- 8E908A
- 8A8B87
- 858583
Farbharmonien
Komplementär +180°
- B1B6A3
Fennel Stem
- B5B0C3
≈ Virtuous Violet
Analog -30° +30°
- B1B6A3
Fennel Stem
- BAB3A0
≈ Ashes to Ashes
- A8B8AA
≈ Graceful Green
Triadisch +120° +240°
- B1B6A3
Fennel Stem
- A4B6C3
≈ Hazy Daze
- C3ADB3
≈ Bedroom Plum
Geteilt komplementär +150° +210°
- B1B6A3
Fennel Stem
- ACB3C5
≈ Perseverance
- BDADBC
≈ Window Box
Tetradisch +90° +180° +270°
- B1B6A3
Fennel Stem
- A0B8BD
≈ Windswept Clouds
- B5B0C3
≈ Virtuous Violet
- C4ADA9
≈ Wispy Mauve
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.08:1 · APCA Lc 41
Ag
AAAAuf Schwarz
WCAG 10.08:1 · APCA Lc 62
Beste Textfarbe: #000000
WCAG 10.08:1 (AAA) · APCA Lc 62
Contrast pairs
Code-Snippets
CSS
:root {
--fennel-stem: #b1b6a3;
--fennel-stem-rgb: 177 182 163;
--fennel-stem-oklch: oklch(0.767 0.027 119);
}
.element {
color: var(--fennel-stem);
background-color: hsl(76 12% 68%);
border-color: oklch(0.767 0.027 119);
}Tailwind CSS v4
@theme {
--color-fennel-stem: #b1b6a3;
--color-fennel-stem-50: #f4f6ee;
--color-fennel-stem-100: #e6e9e0;
--color-fennel-stem-200: #d2d6ca;
--color-fennel-stem-300: #b5baab;
--color-fennel-stem-400: #9ca18f;
--color-fennel-stem-500: #848975;
--color-fennel-stem-600: #707463;
--color-fennel-stem-700: #595d4f;
--color-fennel-stem-800: #414439;
--color-fennel-stem-900: #2d2f27;
--color-fennel-stem-950: #1a1b15;
}SCSS
$fennel-stem: #b1b6a3;
$fennel-stem-rgb: 177, 182, 163;
$fennel-stem-light: mix(#fff, $fennel-stem, 20%);
$fennel-stem-dark: mix(#000, $fennel-stem, 20%);
.element {
color: $fennel-stem;
box-shadow: 0 0 0 2px rgba($fennel-stem, 0.35);
}