Benannte Farbe · #C292A1
Light Mauve
Light Mauve ist #C292A1: rgb(194 146 161), hsl(341 28% 67%), oklch(0.71 0.061 358.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Light Mauve color name →
#C292A1
oklch(0.71 0.061 358.2)
Farbumrechnungen
- HEX
- #c292a1
- RGB
- rgb(194 146 161)
- HSL
- hsl(341 28% 67%)
- HWB
- hwb(341 57% 24%)
- OKLCH
- oklch(0.71 0.061 358.2)
- OKLab
- oklab(0.71 0.061 -0.002)
- CIE Lab
- lab(65.57 20.35 -0.49)
- LCH
- lch(65.57 20.36 358.6)
- CMYK
- cmyk(0% 25% 17% 24%)
Tints · Shades · Tones
Tints
- C89DAA
- CFA7B3
- D5B2BC
- DBBDC6
- E1C8CF
- E7D2D8
- EDDDE2
- F3E9EC
- F9F4F5
Shades
- A87E8B
- 8F6B76
- 775862
- 60464E
- 49353C
- 34252A
- 201619
- 0E0809
- 020101
Tones
- BB909E
- B58F9A
- AE8D97
- A88B94
- A18990
- 9B878D
- 94868A
- 8D8486
- 878283
Farbharmonien
Komplementär +180°
- C292A1
Light Mauve
- 77AEA2
≈ Green Room
Analog -30° +30°
- C292A1
Light Mauve
- B794B5
≈ Blooming Lilac
- C5938C
≈ Evening Blush
Triadisch +120° +240°
- C292A1
Light Mauve
- 9DA77C
≈ Forester
- 7EA8C4
≈ Stormfang
Geteilt komplementär +150° +210°
- C292A1
Light Mauve
- 88AC8C
≈ Fluorine
- 73ADB6
≈ Watson Lake
Tetradisch +90° +180° +270°
- C292A1
Light Mauve
- B1A076
≈ Paper Sack
- 77AEA2
≈ Green Room
- 91A1C8
≈ Blue Heron
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.65:1 · APCA Lc 52
Ag
AAAAuf Schwarz
WCAG 7.92:1 · APCA Lc 50
Beste Textfarbe: #000000
WCAG 7.92:1 (AAA) · APCA Lc 50
Contrast pairs
Code-Snippets
CSS
:root {
--light-mauve: #c292a1;
--light-mauve-rgb: 194 146 161;
--light-mauve-oklch: oklch(0.71 0.061 358.2);
}
.element {
color: var(--light-mauve);
background-color: hsl(341 28% 67%);
border-color: oklch(0.71 0.061 358.2);
}Tailwind CSS v4
@theme {
--color-light-mauve: #c292a1;
--color-light-mauve-50: #ffeef4;
--color-light-mauve-100: #fae0e7;
--color-light-mauve-200: #eccad3;
--color-light-mauve-300: #d3abb6;
--color-light-mauve-400: #bd909e;
--color-light-mauve-500: #a87586;
--color-light-mauve-600: #8e6471;
--color-light-mauve-700: #724f5a;
--color-light-mauve-800: #543a43;
--color-light-mauve-900: #3b272e;
--color-light-mauve-950: #24161b;
}SCSS
$light-mauve: #c292a1;
$light-mauve-rgb: 194, 146, 161;
$light-mauve-light: mix(#fff, $light-mauve, 20%);
$light-mauve-dark: mix(#000, $light-mauve, 20%);
.element {
color: $light-mauve;
box-shadow: 0 0 0 2px rgba($light-mauve, 0.35);
}