ColorTool
Entrar
#CD6C83

#cd6c83 ≈ Pale Violet Red

  • vermelho
  • Luminosidade: média
  • Saturação: moderada
  • Quente
Verificar contraste Explorar no grafo Cor aleatória

#cd6c83 é uma cor da família “vermelho”, com luminosidade média e saturação moderada. No modelo RGB, é formada por 80,39% de vermelho, 42,35% de verde e 51,37% de azul; impressa em CMYK, usa 0% de ciano, 47,32% de magenta, 36,1% de amarelo e 19,61% de preto. Seu ângulo de matiz é 345,77°, com 49,24% de saturação e 61,37% 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 6,07:1 (WCAG AA). A cor nomeada mais próxima é Pale Violet Red (#db7093), ΔE 4,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#cc6699
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binário
Decimal
Luminância relativa0.2534

Complementar

  1. #cd6c83
  2. #6ccdb6

Complementar dividida

  1. #cd6c83
  2. #6ccd85
  3. #6cb4cd

Análoga

  1. #cd6cb4
  2. #cd6c83
  3. #cd856c

Triádica

  1. #cd6c83
  2. #83cd6c
  3. #6c83cd

Tetrádica

  1. #cd6c83
  2. #cdb66c
  3. #6ccdb6
  4. #6c83cd

Quadrada

  1. #cd6c83
  2. #b4cd6c
  3. #6ccdb6
  4. #856ccd

Monocromática

  1. #77293b
  2. #b03c58
  3. #cd6c83
  4. #e0a5b3
  5. #f4dee3

Sombras

#cd6c83 misturado progressivamente com preto.

  1. #cd6c83
  2. #b96176
  3. #a45669
  4. #904c5c
  5. #7b414f
  6. #673642
  7. #522b34
  8. #3e2027
  9. #29161a
  10. #150b0d
  11. #000000

Matizes claros

#cd6c83 misturado progressivamente com branco.

  1. #cd6c83
  2. #d27b8f
  3. #d7899c
  4. #dc98a8
  5. #e1a7b5
  6. #e6b6c1
  7. #ebc4cd
  8. #f0d3da
  9. #f5e2e6
  10. #faf0f3
  11. #ffffff

Tons

#cd6c83 misturado progressivamente com cinza.

  1. #cd6c83
  2. #c56e83
  3. #be7082
  4. #b67282
  5. #ae7482
  6. #a77682
  7. #9f7881
  8. #977a81
  9. #8f7c81
  10. #887e80
  11. #808080

Texto legível 3.46:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texto legível 6.07:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #8a8a8a ≈ 0.003% dos homens
Acromatomalia #a97f87 ≈ 0.001% dos homens
Protanopia #7d7e84 ≈ 1.01% dos homens
Deuteranopia #959181 ≈ 1.27% dos homens
Tritanopia #dc6374 ≈ 0.0001% dos homens
Protanomalia #a37883 ≈ 1.08% dos homens
Deuteranomalia #ae8482 ≈ 4.63% dos homens
Tritanomalia #d6677a ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-cd6c83 {
  color: #cd6c83;
}
Fundo
.bg-cd6c83 {
  background-color: #cd6c83;
  color: #000000;
}
Borda
.border-cd6c83 {
  border: 2px solid #cd6c83;
}
Variáveis CSS
:root {
  --color-primary: #cd6c83;
  --color-primary-rgb: 205 108 131;
  --color-primary-hsl: 346 49% 61%;
}
Degradê
.gradient-cd6c83 {
  background: linear-gradient(135deg, #cd6c83, #cd856c);
}
Sombra colorida
.shadow-cd6c83 {
  box-shadow: 0 8px 24px rgb(205 108 131 / 0.35);
}

#db7093 Pale Violet Red ΔE 4.14 #de5d83 Blush ΔE 4.23 #b76e79 Rose Gold ΔE 5.02 #b57281 Turkish Rose ΔE 5.19 #de6fa1 Thulian Pink ΔE 7.41 #cc8899 Puce ΔE 7.66 #c08081 Old Rose ΔE 8.20 #32937c Invertida #8a8a8a Escala de cinza 

Pale Violet Red
#cd6c83  rgb(205, 108, 131)  hsl(346, 49%, 61%)  Pale Violet Red
#6ccdb6  rgb(108, 205, 182)  hsl(166, 49%, 61%)  Medium Aquamarine
#83cd6c  rgb(131, 205, 108)  hsl(106, 49%, 61%)  Mantis
#6c83cd  rgb(108, 131, 205)  hsl(226, 49%, 61%)  Glaucous