Color con nombre · #C3B9DD
Melrose
Melrose es #C3B9DD: rgb(195 185 221), hsl(257 35% 80%), oklch(0.806 0.051 298). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Purple mean? → · Melrose color name →
#C3B9DD
oklch(0.806 0.051 298)
Conversiones de color
- HEX
- #c3b9dd
- RGB
- rgb(195 185 221)
- HSL
- hsl(257 35% 80%)
- HWB
- hwb(257 73% 13%)
- OKLCH
- oklch(0.806 0.051 298)
- OKLab
- oklab(0.806 0.024 -0.045)
- CIE Lab
- lab(76.86 8.85 -16.8)
- LCH
- lch(76.86 18.99 297.8)
- CMYK
- cmyk(12% 16% 0% 13%)
Tintes · Sombras · Tonos
Tintes
- C9C0E0
- CFC7E4
- D5CEE7
- DBD5EB
- E1DCEE
- E7E3F2
- EDEAF5
- F3F1F8
- F9F8FC
Sombras
- A9A0C0
- 9089A4
- 787188
- 605B6E
- 4A4655
- 34313D
- 201E26
- 0E0D11
- 020202
Tonos
- BCB3D3
- B5ADCA
- AEA8C0
- A8A2B7
- A19CAE
- 9A96A4
- 94919B
- 8D8B92
- 868689
Armonías de color
Complementario +180°
- C3B9DD
Melrose
- BCC59F
≈ Seagrass
Análogo -30° +30°
- C3B9DD
Melrose
- B1BFE2
≈ Promise
- D2B4D1
≈ Confectionary
Triádico +120° +240°
- C3B9DD
Melrose
- DAB8A0
≈ Tracery
- 9DCBBF
≈ Tareyton
Complementario dividido +150° +210°
- C3B9DD
Melrose
- CDBE9A
≈ Tumbling Tumbleweed
- AAC9AD
≈ Pastel Meadow
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.85:1 · APCA Lc 35
Ag
AAASobre negro
WCAG 11.30:1 · APCA Lc 68
Mejor color de texto: #000000
WCAG 11.30:1 (AAA) · APCA Lc 68
Contrast pairs
Fragmentos de código
CSS
:root {
--melrose: #c3b9dd;
--melrose-rgb: 195 185 221;
--melrose-oklch: oklch(0.806 0.051 298);
}
.element {
color: var(--melrose);
background-color: hsl(257 35% 80%);
border-color: oklch(0.806 0.051 298);
}Tailwind CSS v4
@theme {
--color-melrose: #c3b9dd;
--color-melrose-50: #f7f2ff;
--color-melrose-100: #eae4f7;
--color-melrose-200: #d7d0e7;
--color-melrose-300: #bbb2ce;
--color-melrose-400: #a298b9;
--color-melrose-500: #8a7fa4;
--color-melrose-600: #756c8b;
--color-melrose-700: #5d566f;
--color-melrose-800: #443f52;
--color-melrose-900: #2f2b39;
--color-melrose-950: #1b1924;
}SCSS
$melrose: #c3b9dd;
$melrose-rgb: 195, 185, 221;
$melrose-light: mix(#fff, $melrose, 20%);
$melrose-dark: mix(#000, $melrose, 20%);
.element {
color: $melrose;
box-shadow: 0 0 0 2px rgba($melrose, 0.35);
}