Benannte Farbe · #4C213D
Prestige Mauve
Prestige Mauve ist #4C213D: rgb(76 33 61), hsl(321 39% 21%), oklch(0.319 0.076 342.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Prestige Mauve color name →
#4C213D
oklch(0.319 0.076 342.5)
Farbumrechnungen
- HEX
- #4c213d
- RGB
- rgb(76 33 61)
- HSL
- hsl(321 39% 21%)
- HWB
- hwb(321 13% 70%)
- OKLCH
- oklch(0.319 0.076 342.5)
- OKLab
- oklab(0.319 0.072 -0.023)
- CIE Lab
- lab(19.97 23.7 -8.27)
- LCH
- lch(19.97 25.1 340.8)
- CMYK
- cmyk(0% 57% 20% 70%)
Tints · Shades · Tones
Tints
- 5D354E
- 6F4960
- 805E72
- 927385
- A38998
- B5A0AC
- C7B7C0
- DACED5
- ECE7EA
Shades
- 411B34
- 36162B
- 2C1022
- 220B1A
- 180612
- 0F030A
- 060104
- 020001
- 000000
Tones
- 522A43
- 57344A
- 5D3D50
- 624657
- 67505E
- 6D5964
- 72636B
- 766C72
- 7B7679
Farbharmonien
Komplementär +180°
- 4C213D
Prestige Mauve
- 003D28
≈ Deep Fir
Analog -30° +30°
- 4C213D
Prestige Mauve
- 40264E
≈ Operetta Mauve
- 522028
≈ Lonestar
Triadisch +120° +240°
- 4C213D
Prestige Mauve
- 393400
≈ Wasabi Nori
- 003948
≈ Natural Indigo
Geteilt komplementär +150° +210°
- 4C213D
Prestige Mauve
- 233A0C
≈ Melancholia
- 003B3A
≈ Customs Green
Tetradisch +90° +180° +270°
- 4C213D
Prestige Mauve
- 472C00
≈ Stirland Mud
- 003D28
≈ Deep Fir
- 123458
≈ Incremental Blue
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 13.18:1 · APCA Lc 99
Ag
FailAuf Schwarz
WCAG 1.59:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 13.18:1 (AAA) · APCA Lc 99
Contrast pairs
Code-Snippets
CSS
:root {
--prestige-mauve: #4c213d;
--prestige-mauve-rgb: 76 33 61;
--prestige-mauve-oklch: oklch(0.319 0.076 342.5);
}
.element {
color: var(--prestige-mauve);
background-color: hsl(321 39% 21%);
border-color: oklch(0.319 0.076 342.5);
}Tailwind CSS v4
@theme {
--color-prestige-mauve: #4c213d;
--color-prestige-mauve-50: #ffedfa;
--color-prestige-mauve-100: #fcdeee;
--color-prestige-mauve-200: #edc8dc;
--color-prestige-mauve-300: #d5a8c1;
--color-prestige-mauve-400: #bf8dab;
--color-prestige-mauve-500: #a97294;
--color-prestige-mauve-600: #8f617d;
--color-prestige-mauve-700: #734d64;
--color-prestige-mauve-800: #54384a;
--color-prestige-mauve-900: #3b2634;
--color-prestige-mauve-950: #25151f;
}SCSS
$prestige-mauve: #4c213d;
$prestige-mauve-rgb: 76, 33, 61;
$prestige-mauve-light: mix(#fff, $prestige-mauve, 20%);
$prestige-mauve-dark: mix(#000, $prestige-mauve, 20%);
.element {
color: $prestige-mauve;
box-shadow: 0 0 0 2px rgba($prestige-mauve, 0.35);
}