Benannte Farbe · #B68B88
Victorian Mauve
Victorian Mauve ist #B68B88: rgb(182 139 136), hsl(4 24% 62%), oklch(0.677 0.053 23.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Victorian Mauve color name →
#B68B88
oklch(0.677 0.053 23.1)
Farbumrechnungen
- HEX
- #b68b88
- RGB
- rgb(182 139 136)
- HSL
- hsl(4 24% 62%)
- HWB
- hwb(4 53% 29%)
- OKLCH
- oklch(0.677 0.053 23.1)
- OKLab
- oklab(0.677 0.049 0.021)
- CIE Lab
- lab(62.01 16.53 8.27)
- LCH
- lch(62.01 18.49 26.6)
- CMYK
- cmyk(0% 24% 25% 29%)
Tints · Shades · Tones
Tints
- BD9693
- C5A19F
- CCADAA
- D4B8B6
- DBC4C2
- E2CFCE
- E9DBDA
- F1E7E6
- F8F3F3
Shades
- 9E7875
- 866663
- 6F5452
- 594341
- 443231
- 302322
- 1D1413
- 0C0706
- 020101
Tones
- B18A87
- AB8986
- A68886
- A18785
- 9B8684
- 968583
- 908482
- 8B8282
- 868181
Farbharmonien
Komplementär +180°
- B68B88
Victorian Mauve
- 70A1A6
≈ Reef Waters
Analog -30° +30°
- B68B88
Victorian Mauve
- B28A9A
≈ Monastir
- B28F79
≈ Mazzone
Triadisch +120° +240°
- B68B88
Victorian Mauve
- 85A083
≈ Basil
- 8698B9
≈ Periwinkle Blossom
Geteilt komplementär +150° +210°
- B68B88
Victorian Mauve
- 75A294
≈ Greyish Teal
- 779DB3
≈ Frozen Lake
Tetradisch +90° +180° +270°
- B68B88
Victorian Mauve
- 979B76
≈ Alamosa Green
- 70A1A6
≈ Reef Waters
- 9892B6
≈ Indifferent
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.98:1 · APCA Lc 56
Ag
AAAAuf Schwarz
WCAG 7.03:1 · APCA Lc 45
Beste Textfarbe: #000000
WCAG 7.03:1 (AAA) · APCA Lc 45
Contrast pairs
Code-Snippets
CSS
:root {
--victorian-mauve: #b68b88;
--victorian-mauve-rgb: 182 139 136;
--victorian-mauve-oklch: oklch(0.677 0.053 23.1);
}
.element {
color: var(--victorian-mauve);
background-color: hsl(4 24% 62%);
border-color: oklch(0.677 0.053 23.1);
}Tailwind CSS v4
@theme {
--color-victorian-mauve: #b68b88;
--color-victorian-mauve-50: #fff0ed;
--color-victorian-mauve-100: #f9e2df;
--color-victorian-mauve-200: #eaccc9;
--color-victorian-mauve-300: #d1aeaa;
--color-victorian-mauve-400: #bc9390;
--color-victorian-mauve-500: #a77976;
--color-victorian-mauve-600: #8d6664;
--color-victorian-mauve-700: #715250;
--color-victorian-mauve-800: #533b3a;
--color-victorian-mauve-900: #3a2928;
--color-victorian-mauve-950: #241616;
}SCSS
$victorian-mauve: #b68b88;
$victorian-mauve-rgb: 182, 139, 136;
$victorian-mauve-light: mix(#fff, $victorian-mauve, 20%);
$victorian-mauve-dark: mix(#000, $victorian-mauve, 20%);
.element {
color: $victorian-mauve;
box-shadow: 0 0 0 2px rgba($victorian-mauve, 0.35);
}