Benannte Farbe · #BFA59E
Mohair Mauve
Mohair Mauve ist #BFA59E: rgb(191 165 158), hsl(13 20% 68%), oklch(0.743 0.032 35.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Mohair Mauve color name →
#BFA59E
oklch(0.743 0.032 35.5)
Farbumrechnungen
- HEX
- #bfa59e
- RGB
- rgb(191 165 158)
- HSL
- hsl(13 20% 68%)
- HWB
- hwb(13 62% 25%)
- OKLCH
- oklch(0.743 0.032 35.5)
- OKLab
- oklab(0.743 0.026 0.019)
- CIE Lab
- lab(69.92 8.97 7.33)
- LCH
- lch(69.92 11.58 39.3)
- CMYK
- cmyk(0% 14% 17% 25%)
Tints · Shades · Tones
Tints
- C5AEA7
- CCB6B1
- D2BFBA
- D9C8C4
- DFD1CE
- E5DAD7
- ECE3E1
- F2ECEB
- F9F6F5
Shades
- A68F89
- 8D7974
- 756560
- 5E514D
- 483D3A
- 332B29
- 1F1A18
- 0D0A09
- 020101
Tones
- B9A19B
- B29E98
- AC9A95
- A59692
- 9F928F
- 998F8C
- 938B89
- 8C8786
- 868483
Farbharmonien
Komplementär +180°
- BFA59E
Mohair Mauve
- 96B1B9
≈ Mohair Soft Blue Grey
Analog -30° +30°
- BFA59E
Mohair Mauve
- BFA4A9
≈ Cold Pink
- BAA897
≈ Fashion District
Triadisch +120° +240°
- BFA59E
Mohair Mauve
- 9CB2A3
≈ Phoenix Tears
- A5AAC1
≈ Lilac Time
Geteilt komplementär +150° +210°
- BFA59E
Mohair Mauve
- 96B3AE
≈ Lake Forest
- 9CAEBF
≈ Soaring Eagle
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.30:1 · APCA Lc 46
Ag
AAAAuf Schwarz
WCAG 9.09:1 · APCA Lc 57
Beste Textfarbe: #000000
WCAG 9.09:1 (AAA) · APCA Lc 57
Contrast pairs
Code-Snippets
CSS
:root {
--mohair-mauve: #bfa59e;
--mohair-mauve-rgb: 191 165 158;
--mohair-mauve-oklch: oklch(0.743 0.032 35.5);
}
.element {
color: var(--mohair-mauve);
background-color: hsl(13 20% 68%);
border-color: oklch(0.743 0.032 35.5);
}Tailwind CSS v4
@theme {
--color-mohair-mauve: #bfa59e;
--color-mohair-mauve-50: #fef2ef;
--color-mohair-mauve-100: #f2e4e0;
--color-mohair-mauve-200: #e1d0cb;
--color-mohair-mauve-300: #c7b2ac;
--color-mohair-mauve-400: #b09892;
--color-mohair-mauve-500: #9a7f78;
--color-mohair-mauve-600: #826c65;
--color-mohair-mauve-700: #685651;
--color-mohair-mauve-800: #4d3f3b;
--color-mohair-mauve-900: #352b29;
--color-mohair-mauve-950: #211816;
}SCSS
$mohair-mauve: #bfa59e;
$mohair-mauve-rgb: 191, 165, 158;
$mohair-mauve-light: mix(#fff, $mohair-mauve, 20%);
$mohair-mauve-dark: mix(#000, $mohair-mauve, 20%);
.element {
color: $mohair-mauve;
box-shadow: 0 0 0 2px rgba($mohair-mauve, 0.35);
}