Benannte Farbe · #B09994
Tricycle Taupe
Tricycle Taupe ist #B09994: rgb(176 153 148), hsl(11 15% 64%), oklch(0.702 0.028 32.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Tricycle Taupe color name →
#B09994
oklch(0.702 0.028 32.3)
Farbumrechnungen
- HEX
- #b09994
- RGB
- rgb(176 153 148)
- HSL
- hsl(11 15% 64%)
- HWB
- hwb(11 58% 31%)
- OKLCH
- oklch(0.702 0.028 32.3)
- OKLab
- oklab(0.702 0.024 0.015)
- CIE Lab
- lab(65.19 8.17 5.94)
- LCH
- lch(65.19 10.1 36)
- CMYK
- cmyk(0% 13% 16% 31%)
Tints · Shades · Tones
Tints
- B8A39E
- C0ADA9
- C7B7B3
- CFC1BE
- D7CBC8
- DFD5D3
- E7DFDE
- EFEAE9
- F7F4F4
Shades
- 998480
- 82706D
- 6C5D5A
- 564A48
- 423836
- 2E2726
- 1C1716
- 0B0808
- 010101
Tones
- AB9692
- A69490
- A1918E
- 9D8F8C
- 988C8A
- 938A88
- 8E8786
- 8A8584
- 858282
Farbharmonien
Komplementär +180°
- B09994
Tricycle Taupe
- 8CA4A9
≈ Impressionist
Analog -30° +30°
- B09994
Tricycle Taupe
- AF989D
≈ Pincushion
- AC9C8D
≈ Delicate Truffle
Triadisch +120° +240°
- B09994
Tricycle Taupe
- 92A497
≈ Heavenly Garden
- 999EB1
≈ Screen Test
Geteilt komplementär +150° +210°
- B09994
Tricycle Taupe
- 8CA5A0
≈ Spruce Shade
- 90A2B0
≈ Cadet Grey
Tetradisch +90° +180° +270°
- B09994
Tricycle Taupe
- 9CA28F
≈ Meadowood
- 8CA4A9
≈ Impressionist
- A29BAE
≈ Indolence
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.68:1 · APCA Lc 52
Ag
AAAAuf Schwarz
WCAG 7.83:1 · APCA Lc 50
Beste Textfarbe: #000000
WCAG 7.83:1 (AAA) · APCA Lc 50
Contrast pairs
Code-Snippets
CSS
:root {
--tricycle-taupe: #b09994;
--tricycle-taupe-rgb: 176 153 148;
--tricycle-taupe-oklch: oklch(0.702 0.028 32.3);
}
.element {
color: var(--tricycle-taupe);
background-color: hsl(11 15% 64%);
border-color: oklch(0.702 0.028 32.3);
}Tailwind CSS v4
@theme {
--color-tricycle-taupe: #b09994;
--color-tricycle-taupe-50: #fdf2f0;
--color-tricycle-taupe-100: #f1e5e2;
--color-tricycle-taupe-200: #e0d0cc;
--color-tricycle-taupe-300: #c5b3ae;
--color-tricycle-taupe-400: #af9994;
--color-tricycle-taupe-500: #98807a;
--color-tricycle-taupe-600: #816c68;
--color-tricycle-taupe-700: #675653;
--color-tricycle-taupe-800: #4c3f3d;
--color-tricycle-taupe-900: #352b2a;
--color-tricycle-taupe-950: #201917;
}SCSS
$tricycle-taupe: #b09994;
$tricycle-taupe-rgb: 176, 153, 148;
$tricycle-taupe-light: mix(#fff, $tricycle-taupe, 20%);
$tricycle-taupe-dark: mix(#000, $tricycle-taupe, 20%);
.element {
color: $tricycle-taupe;
box-shadow: 0 0 0 2px rgba($tricycle-taupe, 0.35);
}