#CAAABC

#caaabc ≈ Pastel Purple

  • rosa intenso
  • Luminosidade: alta
  • Saturação: suave
  • Equilibrada
Verificar contraste Explorar no grafo Cor aleatória

#caaabc é uma cor da família “rosa intenso”, com luminosidade alta e saturação suave. No modelo RGB, é formada por 79,22% de vermelho, 66,67% de verde e 73,73% de azul; impressa em CMYK, usa 0% de ciano, 15,84% de magenta, 6,93% de amarelo e 20,78% de preto. Seu ângulo de matiz é 326,25°, com 23,19% de saturação e 72,94% de luminosidade em HSL. Fica entre quente e fria e é muitas vezes associada a romance, leveza e afeto. Designers costumam usá-la em marcas de alimentos e restaurantes, vendas e promoções e detalhes de marca. Texto preto sobre esta cor atinge uma razão de contraste de 9,99:1 (WCAG AAA). A cor nomeada mais próxima é Pastel Purple (#b39eb5), ΔE 5,65.

Descrição gerada a partir das propriedades medidas desta cor.

Conversões de #caaabc para outros espaços de cor
HEX
RGB
RGB em porcentagem
CMY
CMYK
HSL
HSV / HSB
Segura para a web#cc99cc
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binário
Decimal
Luminância relativa0.4494

Texto legível 2.1:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 9.99:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #b3b3b3 ≈ 0.003% dos homens
Acromatomalia #bcafb7 ≈ 0.001% dos homens
Protanopia #acb0bd ≈ 1.01% dos homens
Deuteranopia #b3b5bb ≈ 1.27% dos homens
Tritanopia #cfaab0 ≈ 0.0001% dos homens
Protanomalia #b9aebc ≈ 1.08% dos homens
Deuteranomalia #bcb0bb ≈ 4.63% dos homens
Tritanomalia #cdaab5 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-caaabc {
  color: #caaabc;
}
Fundo
.bg-caaabc {
  background-color: #caaabc;
  color: #000000;
}
Borda
.border-caaabc {
  border: 2px solid #caaabc;
}
Variáveis CSS
:root {
  --color-primary: #caaabc;
  --color-primary-rgb: 202 170 188;
  --color-primary-hsl: 326 23% 73%;
}
Degradê
.gradient-caaabc {
  background: linear-gradient(135deg, #caaabc, #caaaac);
}
Sombra colorida
.shadow-caaabc {
  box-shadow: 0 8px 24px rgb(202 170 188 / 0.35);
}

Pastel Purple
#caaabc  rgb(202, 170, 188)  hsl(326, 23%, 73%)  Pastel Purple
#aacab8  rgb(170, 202, 184)  hsl(146, 23%, 73%)  Opal
#bccaaa  rgb(188, 202, 170)  hsl(86, 23%, 73%)  Sage
#aabcca  rgb(170, 188, 202)  hsl(206, 23%, 73%)  Pastel Blue