Benannte Farbe · #CBB8C0
Mauve Finery
Mauve Finery ist #CBB8C0: rgb(203 184 192), hsl(335 15% 76%), oklch(0.801 0.024 350.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Mauve Finery color name →
#CBB8C0
oklch(0.801 0.024 350.2)
Farbumrechnungen
- HEX
- #cbb8c0
- RGB
- rgb(203 184 192)
- HSL
- hsl(335 15% 76%)
- HWB
- hwb(335 72% 20%)
- OKLCH
- oklch(0.801 0.024 350.2)
- OKLab
- oklab(0.801 0.024 -0.004)
- CIE Lab
- lab(76.58 8.02 -1.48)
- LCH
- lch(76.58 8.15 349.6)
- CMYK
- cmyk(0% 9% 5% 20%)
Tints · Shades · Tones
Tints
- D0BFC6
- D5C6CC
- DACDD3
- E0D4D9
- E5DBDF
- EAE2E5
- EFE9EC
- F5F0F2
- FAF8F9
Shades
- B0A0A7
- 96888E
- 7D7176
- 655B5F
- 4D4549
- 373134
- 221E20
- 0F0C0E
- 020202
Tones
- C3B2B9
- BCADB3
- B4A7AC
- ACA1A6
- A59C9F
- 9D9699
- 969093
- 8F8B8C
- 878586
Farbharmonien
Komplementär +180°
- CBB8C0
Mauve Finery
- B0C3BC
≈ Ocean Droplet
Analog -30° +30°
- CBB8C0
Mauve Finery
- C5B9C8
≈ Pocketful of Posies
- CDB8B7
≈ Subdue Red
Triadisch +120° +240°
- CBB8C0
Mauve Finery
- BEC0AE
≈ Fibre Moss
- AFC1CB
≈ Liberty Grey
Geteilt komplementär +150° +210°
- CBB8C0
Mauve Finery
- B6C2B4
≈ Mossa
- ADC3C4
≈ Dover Surf
Tetradisch +90° +180° +270°
- CBB8C0
Mauve Finery
- C6BDAD
≈ Aspen Branch
- B0C3BC
≈ Ocean Droplet
- B5BFCE
≈ Mistral
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.88:1 · APCA Lc 36
Ag
AAAAuf Schwarz
WCAG 11.15:1 · APCA Lc 67
Beste Textfarbe: #000000
WCAG 11.15:1 (AAA) · APCA Lc 67
Contrast pairs
Code-Snippets
CSS
:root {
--mauve-finery: #cbb8c0;
--mauve-finery-rgb: 203 184 192;
--mauve-finery-oklch: oklch(0.801 0.024 350.2);
}
.element {
color: var(--mauve-finery);
background-color: hsl(335 15% 76%);
border-color: oklch(0.801 0.024 350.2);
}Tailwind CSS v4
@theme {
--color-mauve-finery: #cbb8c0;
--color-mauve-finery-50: #fbf2f6;
--color-mauve-finery-100: #efe5e9;
--color-mauve-finery-200: #ddd0d5;
--color-mauve-finery-300: #c2b3b8;
--color-mauve-finery-400: #aa99a0;
--color-mauve-finery-500: #938088;
--color-mauve-finery-600: #7d6c73;
--color-mauve-finery-700: #64575c;
--color-mauve-finery-800: #493f44;
--color-mauve-finery-900: #332b2f;
--color-mauve-finery-950: #1e191b;
}SCSS
$mauve-finery: #cbb8c0;
$mauve-finery-rgb: 203, 184, 192;
$mauve-finery-light: mix(#fff, $mauve-finery, 20%);
$mauve-finery-dark: mix(#000, $mauve-finery, 20%);
.element {
color: $mauve-finery;
box-shadow: 0 0 0 2px rgba($mauve-finery, 0.35);
}