Color con nombre · #C6BABE
Mulberry Stain
Mulberry Stain es #C6BABE: rgb(198 186 190), hsl(340 10% 75%), oklch(0.8 0.015 355.1). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Mulberry Stain color name →
#C6BABE
oklch(0.8 0.015 355.1)
Conversiones de color
- HEX
- #c6babe
- RGB
- rgb(198 186 190)
- HSL
- hsl(340 10% 75%)
- HWB
- hwb(340 73% 22%)
- OKLCH
- oklch(0.8 0.015 355.1)
- OKLab
- oklab(0.8 0.015 -0.001)
- CIE Lab
- lab(76.61 4.91 -0.43)
- LCH
- lch(76.61 4.93 355)
- CMYK
- cmyk(0% 6% 4% 22%)
Tintes · Sombras · Tonos
Tintes
- CCC1C4
- D1C7CB
- D7CED1
- DDD5D8
- E2DCDE
- E8E3E5
- EEEAEB
- F3F1F2
- F9F8F8
Sombras
- ACA1A5
- 92898C
- 7A7275
- 625C5E
- 4B4648
- 353233
- 211E1F
- 0E0D0D
- 020202
Tonos
- BFB4B8
- B8AEB1
- B0A8AB
- A9A2A5
- A29D9E
- 9B9798
- 949192
- 8E8B8C
- 878686
Armonías de color
Complementario +180°
- C6BABE
Mulberry Stain
- B5C1BD
≈ Patina Grey
Análogo -30° +30°
- C6BABE
Mulberry Stain
- C3BBC3
≈ Lace Wisteria
- C7BAB9
≈ Studio Mauve
Triádico +120° +240°
- C6BABE
Mulberry Stain
- BDBFB4
≈ Light Year
- B5BFC6
≈ Winter Wonderland
Complementario dividido +150° +210°
- C6BABE
Mulberry Stain
- B8C0B8
≈ Pumice
- B4C1C2
≈ Jolene
Tetrádico +90° +180° +270°
- C6BABE
Mulberry Stain
- C2BDB3
≈ Roycroft Mist Grey
- B5C1BD
≈ Patina Grey
- B9BEC7
≈ Blue Rinse
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.88:1 · APCA Lc 36
Ag
AAASobre negro
WCAG 11.16:1 · APCA Lc 67
Mejor color de texto: #000000
WCAG 11.16:1 (AAA) · APCA Lc 67
Contrast pairs
Fragmentos de código
CSS
:root {
--mulberry-stain: #c6babe;
--mulberry-stain-rgb: 198 186 190;
--mulberry-stain-oklch: oklch(0.8 0.015 355.1);
}
.element {
color: var(--mulberry-stain);
background-color: hsl(340 10% 75%);
border-color: oklch(0.8 0.015 355.1);
}Tailwind CSS v4
@theme {
--color-mulberry-stain: #c6babe;
--color-mulberry-stain-50: #f9f3f5;
--color-mulberry-stain-100: #ece6e8;
--color-mulberry-stain-200: #dad2d4;
--color-mulberry-stain-300: #beb4b7;
--color-mulberry-stain-400: #a69b9f;
--color-mulberry-stain-500: #8f8286;
--color-mulberry-stain-600: #796e72;
--color-mulberry-stain-700: #61585b;
--color-mulberry-stain-800: #474043;
--color-mulberry-stain-900: #312c2e;
--color-mulberry-stain-950: #1d191b;
}SCSS
$mulberry-stain: #c6babe;
$mulberry-stain-rgb: 198, 186, 190;
$mulberry-stain-light: mix(#fff, $mulberry-stain, 20%);
$mulberry-stain-dark: mix(#000, $mulberry-stain, 20%);
.element {
color: $mulberry-stain;
box-shadow: 0 0 0 2px rgba($mulberry-stain, 0.35);
}