Color morado claro

Un morado suave y pálido con un tono frío. Es muy popular en cuartos de niñas, bodas de primavera y diseños con un aire tranquilo y femenino.

También llamado: lila claro, violeta claro.

Abrir en el editor

El código HEX del color morado claro es #CBC3E3. En RGB es rgb(203, 195, 227), en HSL es hsl(255, 36%, 83%) y en CMYK es 11, 14, 0, 11.

Pruébalo en la vida real

Elige un color para combinar y mira cómo queda en ropa, decoración y diseño.

Colores parecidos al morado claro

Cardo#D8BFD8 Lila pastel#DCD0FF Azul pervinca#CCCCFF Lila#C8A2C8 Azul pastel#AEC6CF Plata#C0C0C0

Datos del color morado claro

El morado claro (#CBC3E3) es un color frío, claro y de saturación media. Pertenece a la familia de los violetas. Se mezcla con 203 de rojo, 195 de verde y 227 de azul (sobre 255). Se usa sobre todo en infantil, bodas, decoración.

Muestra del color Morado claro con sus tonos de claro a oscuro · #CBC3E3 — Morado claro · #CBC3E3

Qué significa el color morado claro

Los violetas y lilas se asocian con la creatividad, la espiritualidad y el misterio. Los tonos claros transmiten romanticismo y delicadeza; los oscuros, lujo y elegancia. En el caso del color morado claro, se usa sobre todo en infantil, bodas y decoración.

Tonos del morado claro: claros y oscuros

Del más claro al más oscuro. Toca un tono para copiar su código.

Ve todos sus tonos: Generador de gama de colores

Ropa con color morado claro: paletas por estación

Combinaciones de ropa con morado claro o un tono muy parecido, con 8 looks para copiar en cada una.

BohemioPrimavera · Mujer MinimalistaPrimavera · Mujer MontañaInvierno · Mujer StreetwearInvierno · Mujer

Armonías del color morado claro

Combinaciones según el círculo cromático. Más en armonías de color.

ComplementarioCercano a: Perla

AnálogosCercano a: Cardo

TríadaCercano a: Hueso, Azul huevo de pato

Complementario divididoCercano a: Avena, Beige

TétradaCercano a: Cuarzo rosa, Perla, Azul polvo

Paletas con el color morado claro

Copia los códigos o abre la paleta en el editor para ajustarla.

Paleta Monocromática · Morado claro

Paleta Análoga · Morado claro

Paleta Complementaria · Morado claro

Paleta Tríada · Morado claro

Paleta Con neutros · Morado claro

Paleta Con acento · Morado claro

Contraste del morado claro con texto

Texto blancoContraste 1.7:1 · No recomendado

Texto negroContraste 12.5:1 · AAA

Según las pautas WCAG 2.1. Revisa otras parejas en el verificador de contraste.

Código CSS

:root {
  --morado-claro: #CBC3E3;
  --morado-claro-rgb: 203, 195, 227;
}
.fondo { background-color: var(--morado-claro); }
.texto { color: var(--morado-claro); }