Benannte Farbe · #B6A19B
Plum Taupe
Plum Taupe ist #B6A19B: rgb(182 161 155), hsl(13 16% 66%), oklch(0.726 0.026 36.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Plum Taupe color name →
#B6A19B
oklch(0.726 0.026 36.5)
Farbumrechnungen
- HEX
- #b6a19b
- RGB
- rgb(182 161 155)
- HSL
- hsl(13 16% 66%)
- HWB
- hwb(13 61% 29%)
- OKLCH
- oklch(0.726 0.026 36.5)
- OKLab
- oklab(0.726 0.021 0.016)
- CIE Lab
- lab(67.98 7.19 6.1)
- LCH
- lch(67.98 9.43 40.3)
- CMYK
- cmyk(0% 12% 15% 29%)
Tints · Shades · Tones
Tints
- BDAAA5
- C4B3AE
- CCBCB8
- D3C6C2
- DACFCC
- E1D9D6
- E9E2E0
- F0ECEA
- F8F5F5
Shades
- 9E8B86
- 867672
- 6F625E
- 594E4B
- 443C39
- 302A28
- 1D1918
- 0C0909
- 020101
Tones
- B19E98
- AB9A96
- A69793
- A09490
- 9B908D
- 958D8B
- 908A88
- 8B8785
- 858383
Farbharmonien
Komplementär +180°
- B6A19B
Plum Taupe
- 95ABB1
≈ Meditative
Analog -30° +30°
- B6A19B
Plum Taupe
- B6A0A3
≈ Dusky Hyacinth
- B2A395
≈ Tranquil Taupe
Triadisch +120° +240°
- B6A19B
Plum Taupe
- 9AACA0
≈ Halcyon Green
- A2A5B7
≈ Curated Lilac
Geteilt komplementär +150° +210°
- B6A19B
Plum Taupe
- 95ACA9
≈ Grey Mist
- 9AA8B6
≈ Acier Tint
Tetradisch +90° +180° +270°
- B6A19B
Plum Taupe
- A2AA98
≈ Moss Agate
- 95ABB1
≈ Meditative
- AAA2B4
≈ Luxe Lilac
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.45:1 · APCA Lc 48
Ag
AAAAuf Schwarz
WCAG 8.56:1 · APCA Lc 54
Beste Textfarbe: #000000
WCAG 8.56:1 (AAA) · APCA Lc 54
Contrast pairs
Code-Snippets
CSS
:root {
--plum-taupe: #b6a19b;
--plum-taupe-rgb: 182 161 155;
--plum-taupe-oklch: oklch(0.726 0.026 36.5);
}
.element {
color: var(--plum-taupe);
background-color: hsl(13 16% 66%);
border-color: oklch(0.726 0.026 36.5);
}Tailwind CSS v4
@theme {
--color-plum-taupe: #b6a19b;
--color-plum-taupe-50: #fcf3f0;
--color-plum-taupe-100: #f0e5e2;
--color-plum-taupe-200: #dfd1cc;
--color-plum-taupe-300: #c4b3ae;
--color-plum-taupe-400: #ad9994;
--color-plum-taupe-500: #97807a;
--color-plum-taupe-600: #7f6d67;
--color-plum-taupe-700: #665753;
--color-plum-taupe-800: #4b3f3c;
--color-plum-taupe-900: #342c29;
--color-plum-taupe-950: #1f1917;
}SCSS
$plum-taupe: #b6a19b;
$plum-taupe-rgb: 182, 161, 155;
$plum-taupe-light: mix(#fff, $plum-taupe, 20%);
$plum-taupe-dark: mix(#000, $plum-taupe, 20%);
.element {
color: $plum-taupe;
box-shadow: 0 0 0 2px rgba($plum-taupe, 0.35);
}