ColorTool
Entrar
#CA8FB0

#ca8fb0 ≈ Puce

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

#ca8fb0 é uma cor da família “rosa intenso”, com luminosidade alta e saturação suave. No modelo RGB, é formada por 79,22% de vermelho, 56,08% de verde e 69,02% de azul; impressa em CMYK, usa 0% de ciano, 29,21% de magenta, 12,87% de amarelo e 20,78% de preto. Seu ângulo de matiz é 326,44°, com 35,76% de saturação e 67,65% 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 8,07:1 (WCAG AAA). A cor nomeada mais próxima é Puce (#cc8899), ΔE 6,34.

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

HEX
RGB
RGB em porcentagem
CMY
CMYK
HSL
HSV / HSB
Segura para a web#cc9999
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binário
Decimal
Luminância relativa0.3534

Complementar

  1. #ca8fb0
  2. #8fcaa9

Complementar dividida

  1. #ca8fb0
  2. #93ca8f
  3. #8fcac7

Análoga

  1. #c78fca
  2. #ca8fb0
  3. #ca8f93

Triádica

  1. #ca8fb0
  2. #b0ca8f
  3. #8fb0ca

Tetrádica

  1. #ca8fb0
  2. #caa98f
  3. #8fcaa9
  4. #8fb0ca

Quadrada

  1. #ca8fb0
  2. #cac78f
  3. #8fcaa9
  4. #8f93ca

Monocromática

  1. #823e64
  2. #b15b8b
  3. #ca8fb0
  4. #e3c3d5
  5. #f8f1f5

Sombras

#ca8fb0 misturado progressivamente com preto.

  1. #ca8fb0
  2. #b6819e
  3. #a2728d
  4. #8d647b
  5. #79566a
  6. #654858
  7. #513946
  8. #3d2b35
  9. #281d23
  10. #140e12
  11. #000000

Matizes claros

#ca8fb0 misturado progressivamente com branco.

  1. #ca8fb0
  2. #cf9ab8
  3. #d5a5c0
  4. #dab1c8
  5. #dfbcd0
  6. #e5c7d8
  7. #ead2df
  8. #efdde7
  9. #f4e9ef
  10. #faf4f7
  11. #ffffff

Tons

#ca8fb0 misturado progressivamente com cinza.

  1. #ca8fb0
  2. #c38eab
  3. #bb8ca6
  4. #b48ba2
  5. #ac899d
  6. #a58898
  7. #9e8693
  8. #96858e
  9. #8f838a
  10. #878285
  11. #808080

Texto legível 2.6:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 8.07:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #a0a0a0 ≈ 0.003% dos homens
Acromatomalia #b39aa7 ≈ 0.001% dos homens
Protanopia #939bb1 ≈ 1.01% dos homens
Deuteranopia #a1a4ae ≈ 1.27% dos homens
Tritanopia #d28f9a ≈ 0.0001% dos homens
Protanomalia #ac96b1 ≈ 1.08% dos homens
Deuteranomalia #b39caf ≈ 4.63% dos homens
Tritanomalia #cf8fa3 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

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

#cc8899 Puce ΔE 6.34 #c8a2c8 Lilac ΔE 6.85 #cf71af Sky Magenta ΔE 8.80 #de6fa1 Thulian Pink ΔE 9.13 #dda0dd Plum ΔE 9.21 #f77fbe Persian Pink ΔE 9.33 #b39eb5 Pastel Purple ΔE 9.56 #35704f Invertida #a0a0a0 Escala de cinza 

Puce
#ca8fb0  rgb(202, 143, 176)  hsl(326, 36%, 68%)  Puce
#8fcaa9  rgb(143, 202, 169)  hsl(146, 36%, 68%)  Seafoam Green
#b0ca8f  rgb(176, 202, 143)  hsl(86, 36%, 68%)  Olivine
#8fb0ca  rgb(143, 176, 202)  hsl(206, 36%, 68%)  Moonstone Blue