ColorTool
Entrar
#C896A3

#c896a3 ≈ Puce

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

#c896a3 é uma cor da família “rosa intenso”, com luminosidade alta e saturação suave. No modelo RGB, é formada por 78,43% de vermelho, 58,82% de verde e 63,92% de azul; impressa em CMYK, usa 0% de ciano, 25% de magenta, 18,5% de amarelo e 21,57% de preto. Seu ângulo de matiz é 344,4°, com 31,25% de saturação e 68,63% de luminosidade em HSL. É uma cor quente, 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,35:1 (WCAG AAA). A cor nomeada mais próxima é Puce (#cc8899), ΔE 4,68.

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.3674

Complementar

  1. #c896a3
  2. #96c8bb

Complementar dividida

  1. #c896a3
  2. #96c8a2
  3. #96bcc8

Análoga

  1. #c896bc
  2. #c896a3
  3. #c8a296

Triádica

  1. #c896a3
  2. #a3c896
  3. #96a3c8

Tetrádica

  1. #c896a3
  2. #c8bb96
  3. #96c8bb
  4. #96a3c8

Quadrada

  1. #c896a3
  2. #bcc896
  3. #96c8bb
  4. #a296c8

Monocromática

  1. #814454
  2. #ae6477
  3. #c896a3
  4. #e2c8cf
  5. #f8f2f3

Sombras

#c896a3 misturado progressivamente com preto.

  1. #c896a3
  2. #b48793
  3. #a07882
  4. #8c6972
  5. #785a62
  6. #644b52
  7. #503c41
  8. #3c2d31
  9. #281e21
  10. #140f10
  11. #000000

Matizes claros

#c896a3 misturado progressivamente com branco.

  1. #c896a3
  2. #cea1ac
  3. #d3abb5
  4. #d9b6bf
  5. #dec0c8
  6. #e4cbd1
  7. #e9d5da
  8. #efe0e3
  9. #f4eaed
  10. #faf5f6
  11. #ffffff

Tons

#c896a3 misturado progressivamente com cinza.

  1. #c896a3
  2. #c194a0
  3. #ba929c
  4. #b28f99
  5. #ab8d95
  6. #a48b92
  7. #9d898e
  8. #96878b
  9. #8e8487
  10. #878284
  11. #808080

Texto legível 2.52:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 8.35:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #a3a3a3 ≈ 0.003% dos homens
Acromatomalia #b39ea3 ≈ 0.001% dos homens
Protanopia #9c9ea3 ≈ 1.01% dos homens
Deuteranopia #a8a7a2 ≈ 1.27% dos homens
Tritanopia #d1939a ≈ 0.0001% dos homens
Protanomalia #af9ba3 ≈ 1.08% dos homens
Deuteranomalia #b6a0a2 ≈ 4.63% dos homens
Tritanomalia #cd949e ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-c896a3 {
  color: #c896a3;
}
Fundo
.bg-c896a3 {
  background-color: #c896a3;
  color: #000000;
}
Borda
.border-c896a3 {
  border: 2px solid #c896a3;
}
Variáveis CSS
:root {
  --color-primary: #c896a3;
  --color-primary-rgb: 200 150 163;
  --color-primary-hsl: 344 31% 69%;
}
Degradê
.gradient-c896a3 {
  background: linear-gradient(135deg, #c896a3, #c8a296);
}
Sombra colorida
.shadow-c896a3 {
  box-shadow: 0 8px 24px rgb(200 150 163 / 0.35);
}

#cc8899 Puce ΔE 4.68 #bc8f8f Rosy Brown ΔE 5.77 #dea5a4 Pastel Pink ΔE 7.22 #c08081 Old Rose ΔE 8.51 #b39eb5 Pastel Purple ΔE 9.23 #aa98a9 Rose Quartz ΔE 9.67 #c8a2c8 Lilac ΔE 9.67 #37695c Invertida #a3a3a3 Escala de cinza 

Puce
#c896a3  rgb(200, 150, 163)  hsl(344, 31%, 69%)  Puce
#96c8bb  rgb(150, 200, 187)  hsl(164, 31%, 69%)  Opal
#a3c896  rgb(163, 200, 150)  hsl(104, 31%, 69%)  Dark Sea Green
#96a3c8  rgb(150, 163, 200)  hsl(224, 31%, 69%)  Wild Blue Yonder