Benannte Farbe · #B7938F
Cherry Taupe
Cherry Taupe ist #B7938F: rgb(183 147 143), hsl(6 22% 64%), oklch(0.695 0.044 25.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Cherry Taupe color name →
#B7938F
oklch(0.695 0.044 25.6)
Farbumrechnungen
- HEX
- #b7938f
- RGB
- rgb(183 147 143)
- HSL
- hsl(6 22% 64%)
- HWB
- hwb(6 56% 28%)
- OKLCH
- oklch(0.695 0.044 25.6)
- OKLab
- oklab(0.695 0.04 0.019)
- CIE Lab
- lab(64.26 13.48 7.52)
- LCH
- lch(64.26 15.44 29.2)
- CMYK
- cmyk(0% 20% 22% 28%)
Tints · Shades · Tones
Tints
- BE9D9A
- C6A8A4
- CDB2AF
- D4BDBA
- DBC8C6
- E2D3D1
- EADEDC
- F1E9E8
- F8F4F3
Shades
- 9F7F7C
- 876C69
- 705957
- 5A4745
- 453634
- 312524
- 1E1615
- 0C0807
- 020101
Tones
- B2918E
- AC8F8C
- A78D8B
- A18C89
- 9C8A88
- 968886
- 918685
- 8B8483
- 868282
Farbharmonien
Komplementär +180°
- B7938F
Cherry Taupe
- 7DA5AA
≈ Ziggurat
Analog -30° +30°
- B7938F
Cherry Taupe
- B4929E
≈ Ashberry
- B39683
≈ Cobbler Shop
Triadisch +120° +240°
- B7938F
Cherry Taupe
- 8CA58D
≈ Envy
- 909DB9
≈ Electric Sky
Geteilt komplementär +150° +210°
- B7938F
Cherry Taupe
- 81A69C
≈ Scenario
- 83A2B5
≈ Lake Okoboji
Tetradisch +90° +180° +270°
- B7938F
Cherry Taupe
- 9BA182
≈ Zebra Grass
- 7DA5AA
≈ Ziggurat
- 9F98B6
≈ Heirloom Lilac
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.76:1 · APCA Lc 53
Ag
AAAAuf Schwarz
WCAG 7.58:1 · APCA Lc 48
Beste Textfarbe: #000000
WCAG 7.58:1 (AAA) · APCA Lc 48
Contrast pairs
Code-Snippets
CSS
:root {
--cherry-taupe: #b7938f;
--cherry-taupe-rgb: 183 147 143;
--cherry-taupe-oklch: oklch(0.695 0.044 25.6);
}
.element {
color: var(--cherry-taupe);
background-color: hsl(6 22% 64%);
border-color: oklch(0.695 0.044 25.6);
}Tailwind CSS v4
@theme {
--color-cherry-taupe: #b7938f;
--color-cherry-taupe-50: #fff1ee;
--color-cherry-taupe-100: #f6e3e0;
--color-cherry-taupe-200: #e7ceca;
--color-cherry-taupe-300: #cdafab;
--color-cherry-taupe-400: #b79591;
--color-cherry-taupe-500: #a27b77;
--color-cherry-taupe-600: #896865;
--color-cherry-taupe-700: #6d5351;
--color-cherry-taupe-800: #513d3b;
--color-cherry-taupe-900: #382a28;
--color-cherry-taupe-950: #231716;
}SCSS
$cherry-taupe: #b7938f;
$cherry-taupe-rgb: 183, 147, 143;
$cherry-taupe-light: mix(#fff, $cherry-taupe, 20%);
$cherry-taupe-dark: mix(#000, $cherry-taupe, 20%);
.element {
color: $cherry-taupe;
box-shadow: 0 0 0 2px rgba($cherry-taupe, 0.35);
}