ColorTool
Iniciar sesión
#CEA1B5

#cea1b5 ≈ Lilac

  • rosa intenso
  • Luminosidad: alta
  • Saturación: apagada
  • Cálido
Comprobar contraste Explorar en el grafo Color aleatorio

#cea1b5 es un color de la familia rosa intenso, con luminosidad alta y saturación apagada. En el modelo RGB se compone de 80,78% de rojo, 63,14% de verde y 70,98% de azul; impreso en CMYK usa 0% de cian, 21,84% de magenta, 12,14% de amarillo y 19,22% de negro. Su ángulo de tono es 333,33°, con 31,47% de saturación y 71,96% de luminosidad en HSL. Es un color cálido, a menudo asociado con romance, alegría y afecto. Los diseñadores suelen usarlo para marcas de comida y restaurantes, ventas y promociones y acentos de marca. El texto negro sobre este color alcanza una relación de contraste de 9,39:1 (WCAG AAA). El color con nombre más cercano es Lilac (#c8a2c8), ΔE 6,26.

Descripción generada a partir de las propiedades medidas de este color.

HEX
RGB
RGB en porcentaje
CMY
CMYK
HSL
HSV / HSB
Web seguro#cc99cc
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binario
Decimal
Luminancia relativa0.4195

Complementario

  1. #cea1b5
  2. #a1ceba

Complementario dividido

  1. #cea1b5
  2. #a1cea3
  3. #a1ccce

Análogo

  1. #cea1cc
  2. #cea1b5
  3. #cea3a1

Triádico

  1. #cea1b5
  2. #b5cea1
  3. #a1b5ce

Tetrádico

  1. #cea1b5
  2. #cebaa1
  3. #a1ceba
  4. #a1b5ce

Cuadrado

  1. #cea1b5
  2. #cccea1
  3. #a1ceba
  4. #a3a1ce

Monocromático

  1. #8d4967
  2. #b46f8d
  3. #cea1b5
  4. #e8d3dd
  5. #f8f2f4

Sombras

#cea1b5 mezclado progresivamente con negro.

  1. #cea1b5
  2. #b991a3
  3. #a58191
  4. #90717f
  5. #7c616d
  6. #67515b
  7. #524048
  8. #3e3036
  9. #292024
  10. #151012
  11. #000000

Tintes

#cea1b5 mezclado progresivamente con blanco.

  1. #cea1b5
  2. #d3aabc
  3. #d8b4c4
  4. #ddbdcb
  5. #e2c7d3
  6. #e7d0da
  7. #ebd9e1
  8. #f0e3e9
  9. #f5ecf0
  10. #faf6f8
  11. #ffffff

Tonos

#cea1b5 mezclado progresivamente con gris.

  1. #cea1b5
  2. #c69eb0
  3. #be9aaa
  4. #b797a5
  5. #af94a0
  6. #a7919b
  7. #9f8d95
  8. #978a90
  9. #90878b
  10. #888385
  11. #808080

Texto legible 2.24:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legible 9.39:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #adadad ≈ 0.003% de los hombres
Acromatomalía #bba9b0 ≈ 0.001% de los hombres
Protanopía #a5a9b6 ≈ 1.01% de los hombres
Deuteranopía #afb0b4 ≈ 1.27% de los hombres
Tritanopía #d5a0a8 ≈ 0.0001% de los hombres
Protanomalía #b7a6b5 ≈ 1.08% de los hombres
Deuteranomalía #bcaab4 ≈ 4.63% de los hombres
Tritanomalía #d2a0ad ≈ 0.0002% de los hombres
Simular en tu propia imagen

Texto en este color

Fondo en este color

Borde en este color

Color de texto
.text-cea1b5 {
  color: #cea1b5;
}
Fondo
.bg-cea1b5 {
  background-color: #cea1b5;
  color: #000000;
}
Borde
.border-cea1b5 {
  border: 2px solid #cea1b5;
}
Variables CSS
:root {
  --color-primary: #cea1b5;
  --color-primary-rgb: 206 161 181;
  --color-primary-hsl: 333 31% 72%;
}
Degradado
.gradient-cea1b5 {
  background: linear-gradient(135deg, #cea1b5, #cea3a1);
}
Sombra de color
.shadow-cea1b5 {
  box-shadow: 0 8px 24px rgb(206 161 181 / 0.35);
}

#c8a2c8 Lilac ΔE 6.26 #b39eb5 Pastel Purple ΔE 7.41 #f6adc6 Nadeshiko Pink ΔE 7.68 #cc8899 Puce ΔE 7.94 #dea5a4 Pastel Pink ΔE 8.64 #d8bfd8 Thistle ΔE 9.08 #aa98a9 Rose Quartz ΔE 9.11 #315e4a Invertido #adadad Escala de grises 

Lilac
#cea1b5  rgb(206, 161, 181)  hsl(333, 31%, 72%)  Lilac
#a1ceba  rgb(161, 206, 186)  hsl(153, 31%, 72%)  Seafoam Green
#b5cea1  rgb(181, 206, 161)  hsl(93, 31%, 72%)  Celadon
#a1b5ce  rgb(161, 181, 206)  hsl(213, 31%, 72%)  Light Steel Blue