ColorTool
Entrar
#CCA5B3

#cca5b3 ≈ Pastel Purple

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

#cca5b3 é uma cor da família “rosa”, com luminosidade alta e saturação suave. No modelo RGB, é formada por 80% de vermelho, 64,71% de verde e 70,2% de azul; impressa em CMYK, usa 0% de ciano, 19,12% de magenta, 12,25% de amarelo e 20% de preto. Seu ângulo de matiz é 338,46°, com 27,66% de saturação e 72,35% de luminosidade em HSL. É uma cor quente, muitas vezes associada a ternura, cuidado e doçura. Designers costumam usá-la em beleza e cosméticos, casamentos e celebrações e detalhes de marca. Texto preto sobre esta cor atinge uma razão de contraste de 9,6:1 (WCAG AAA). A cor nomeada mais próxima é Pastel Purple (#b39eb5), ΔE 7,14.

Descrição gerada a partir das propriedades medidas desta 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.43

Complementar

  1. #cca5b3
  2. #a5ccbe

Complementar dividida

  1. #cca5b3
  2. #a5ccaa
  3. #a5c6cc

Análoga

  1. #cca5c6
  2. #cca5b3
  3. #ccaaa5

Triádica

  1. #cca5b3
  2. #b3cca5
  3. #a5b3cc

Tetrádica

  1. #cca5b3
  2. #ccbea5
  3. #a5ccbe
  4. #a5b3cc

Quadrada

  1. #cca5b3
  2. #c6cca5
  3. #a5ccbe
  4. #aaa5cc

Monocromática

  1. #8a4e64
  2. #b0748a
  3. #cca5b3
  4. #e8d6dc
  5. #f8f2f4

Sombras

#cca5b3 misturado progressivamente com preto.

  1. #cca5b3
  2. #b895a1
  3. #a3848f
  4. #8f747d
  5. #7a636b
  6. #66535a
  7. #524248
  8. #3d3236
  9. #292124
  10. #141112
  11. #000000

Matizes claros

#cca5b3 misturado progressivamente com branco.

  1. #cca5b3
  2. #d1aebb
  3. #d6b7c2
  4. #dbc0ca
  5. #e0c9d1
  6. #e6d2d9
  7. #ebdbe1
  8. #f0e4e8
  9. #f5edf0
  10. #faf6f7
  11. #ffffff

Tons

#cca5b3 misturado progressivamente com cinza.

  1. #cca5b3
  2. #c4a1ae
  3. #bd9ea9
  4. #b59aa4
  5. #ae969f
  6. #a6939a
  7. #9e8f94
  8. #978b8f
  9. #8f878a
  10. #888485
  11. #808080

Texto legível 2.19:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 9.6:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #afafaf ≈ 0.003% dos homens
Acromatomalia #bbabb1 ≈ 0.001% dos homens
Protanopia #a9abb4 ≈ 1.01% dos homens
Deuteranopia #b2b2b2 ≈ 1.27% dos homens
Tritanopia #d3a4aa ≈ 0.0001% dos homens
Protanomalia #b8a9b3 ≈ 1.08% dos homens
Deuteranomalia #bdadb2 ≈ 4.63% dos homens
Tritanomalia #d0a4ad ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-cca5b3 {
  color: #cca5b3;
}
Fundo
.bg-cca5b3 {
  background-color: #cca5b3;
  color: #000000;
}
Borda
.border-cca5b3 {
  border: 2px solid #cca5b3;
}
Variáveis CSS
:root {
  --color-primary: #cca5b3;
  --color-primary-rgb: 204 165 179;
  --color-primary-hsl: 338 28% 72%;
}
Degradê
.gradient-cca5b3 {
  background: linear-gradient(135deg, #cca5b3, #ccaaa5);
}
Sombra colorida
.shadow-cca5b3 {
  box-shadow: 0 8px 24px rgb(204 165 179 / 0.35);
}

#b39eb5 Pastel Purple ΔE 7.14 #dea5a4 Pastel Pink ΔE 7.52 #c8a2c8 Lilac ΔE 7.74 #c4aead Silver Pink ΔE 8.34 #aa98a9 Rose Quartz ΔE 8.42 #d8bfd8 Thistle ΔE 8.50 #bc8f8f Rosy Brown ΔE 8.61 #335a4c Invertida #afafaf Escala de cinza 

Pastel Purple
#cca5b3  rgb(204, 165, 179)  hsl(338, 28%, 72%)  Pastel Purple
#a5ccbe  rgb(165, 204, 190)  hsl(158, 28%, 72%)  Opal
#b3cca5  rgb(179, 204, 165)  hsl(98, 28%, 72%)  Celadon
#a5b3cc  rgb(165, 179, 204)  hsl(218, 28%, 72%)  Wild Blue Yonder