ColorTool
Entrar
#C1A39E

#c1a39e ≈ Silver Pink

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

#c1a39e é uma cor da família “vermelho”, com luminosidade alta e saturação suave. No modelo RGB, é formada por 75,69% de vermelho, 63,92% de verde e 61,96% de azul; impressa em CMYK, usa 0% de ciano, 15,54% de magenta, 18,13% de amarelo e 24,31% de preto. Seu ângulo de matiz é 8,57°, com 22,01% de saturação e 68,82% de luminosidade em HSL. É uma cor quente, muitas vezes associada a energia, paixão e urgência. 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:1 (WCAG AAA). A cor nomeada mais próxima é Silver Pink (#c4aead), ΔE 4,09.

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

Complementar

  1. #c1a39e
  2. #9ebcc1

Complementar dividida

  1. #c1a39e
  2. #9ec1b4
  3. #9eaac1

Análoga

  1. #c19eaa
  2. #c1a39e
  3. #c1b49e

Triádica

  1. #c1a39e
  2. #9ec1a3
  3. #a39ec1

Tetrádica

  1. #c1a39e
  2. #bcc19e
  3. #9ebcc1
  4. #a39ec1

Quadrada

  1. #c1a39e
  2. #aac19e
  3. #9ebcc1
  4. #b49ec1

Monocromática

  1. #79534d
  2. #a3776f
  3. #c1a39e
  4. #dfcfcd
  5. #f7f3f3

Sombras

#c1a39e misturado progressivamente com preto.

  1. #c1a39e
  2. #ae938e
  3. #9a827e
  4. #87726f
  5. #74625f
  6. #61524f
  7. #4d413f
  8. #3a312f
  9. #272120
  10. #131010
  11. #000000

Matizes claros

#c1a39e misturado progressivamente com branco.

  1. #c1a39e
  2. #c7aca8
  3. #cdb5b1
  4. #d4bfbb
  5. #dac8c5
  6. #e0d1cf
  7. #e6dad8
  8. #ece3e2
  9. #f3edec
  10. #f9f6f5
  11. #ffffff

Tons

#c1a39e misturado progressivamente com cinza.

  1. #c1a39e
  2. #bba09b
  3. #b49c98
  4. #ae9995
  5. #a79592
  6. #a1928f
  7. #9a8e8c
  8. #948b89
  9. #8d8786
  10. #878483
  11. #808080

Texto legível 2.33:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 9:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #aaaaaa ≈ 0.003% dos homens
Acromatomalia #b3a7a5 ≈ 0.001% dos homens
Protanopia #a9a69e ≈ 1.01% dos homens
Deuteranopia #b0ac9e ≈ 1.27% dos homens
Tritanopia #c8a0a2 ≈ 0.0001% dos homens
Protanomalia #b3a59e ≈ 1.08% dos homens
Deuteranomalia #b7a89e ≈ 4.63% dos homens
Tritanomalia #c5a1a0 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

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

#c4aead Silver Pink ΔE 4.09 #bc8f8f Rosy Brown ΔE 7.16 #dea5a4 Pastel Pink ΔE 8.00 #ebc2af Zinnwaldite ΔE 10.48 #aa98a9 Rose Quartz ΔE 10.64 #f4c2c2 Baby Pink ΔE 11.25 #deaa88 Tumbleweed ΔE 11.62 #3e5c61 Invertida #aaaaaa Escala de cinza 

Silver Pink
#c1a39e  rgb(193, 163, 158)  hsl(9, 22%, 69%)  Silver Pink
#9ebcc1  rgb(158, 188, 193)  hsl(189, 22%, 69%)  Pastel Blue
#9ec1a3  rgb(158, 193, 163)  hsl(129, 22%, 69%)  Dark Sea Green
#a39ec1  rgb(163, 158, 193)  hsl(249, 22%, 69%)  Wild Blue Yonder