ColorTool
Entrar
#AB56A0

#ab56a0 ≈ Purpureus

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

#ab56a0 é uma cor da família “magenta”, com luminosidade média e saturação moderada. No modelo RGB, é formada por 67,06% de vermelho, 33,73% de verde e 62,75% de azul; impressa em CMYK, usa 0% de ciano, 49,71% de magenta, 6,43% de amarelo e 32,94% de preto. Seu ângulo de matiz é 307,76°, com 33,6% de saturação e 50,39% de luminosidade em HSL. Fica entre quente e fria e é muitas vezes associada a criatividade, ousadia e individualidade. Designers costumam usá-la em beleza e cosméticos, estúdios criativos e detalhes de marca. Texto branco sobre esta cor atinge uma razão de contraste de 4,59:1 (WCAG AA). A cor nomeada mais próxima é Purpureus (#9a4eae), ΔE 6,51.

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

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

Complementar

  1. #ab56a0
  2. #56ab61

Complementar dividida

  1. #ab56a0
  2. #75ab56
  3. #56ab8b

Análoga

  1. #8b56ab
  2. #ab56a0
  3. #ab5675

Triádica

  1. #ab56a0
  2. #a0ab56
  3. #56a0ab

Tetrádica

  1. #ab56a0
  2. #ab6156
  3. #56ab61
  4. #56a0ab

Quadrada

  1. #ab56a0
  2. #ab8b56
  3. #56ab61
  4. #5675ab

Monocromática

  1. #452341
  2. #793c71
  3. #ab56a0
  4. #c489bd
  5. #debcd9

Sombras

#ab56a0 misturado progressivamente com preto.

  1. #ab56a0
  2. #9a4d90
  3. #894580
  4. #783c70
  5. #673460
  6. #562b50
  7. #442240
  8. #331a30
  9. #221120
  10. #110910
  11. #000000

Matizes claros

#ab56a0 misturado progressivamente com branco.

  1. #ab56a0
  2. #b367aa
  3. #bc78b3
  4. #c489bd
  5. #cd9ac6
  6. #d5abd0
  7. #ddbbd9
  8. #e6cce3
  9. #eeddec
  10. #f7eef6
  11. #ffffff

Tons

#ab56a0 misturado progressivamente com cinza.

  1. #ab56a0
  2. #a75a9d
  3. #a25e9a
  4. #9e6396
  5. #9a6793
  6. #966b90
  7. #916f8d
  8. #8d738a
  9. #897886
  10. #847c83
  11. #808080

Texto legível 4.59:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legível 4.57:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #757575 ≈ 0.003% dos homens
Acromatomalia #8e6a88 ≈ 0.001% dos homens
Protanopia #546ea2 ≈ 1.01% dos homens
Deuteranopia #6c7a9e ≈ 1.27% dos homens
Tritanopia #b15c74 ≈ 0.0001% dos homens
Protanomalia #8065a2 ≈ 1.08% dos homens
Deuteranomalia #8a6d9f ≈ 4.63% dos homens
Tritanomalia #af5a88 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-ab56a0 {
  color: #ab56a0;
}
Fundo
.bg-ab56a0 {
  background-color: #ab56a0;
  color: #ffffff;
}
Borda
.border-ab56a0 {
  border: 2px solid #ab56a0;
}
Variáveis CSS
:root {
  --color-primary: #ab56a0;
  --color-primary-rgb: 171 86 160;
  --color-primary-hsl: 308 34% 50%;
}
Degradê
.gradient-ab56a0 {
  background: linear-gradient(135deg, #ab56a0, #ab5675);
}
Sombra colorida
.shadow-ab56a0 {
  box-shadow: 0 8px 24px rgb(171 86 160 / 0.35);
}

#9a4eae Purpureus ΔE 6.51 #c54b8c Mulberry ΔE 7.91 #8e4585 Deep Plum ΔE 8.32 #ba55d3 Medium Orchid ΔE 9.22 #c71585 Medium Violet Red ΔE 10.50 #cf71af Sky Magenta ΔE 10.89 #9966cc Amethyst ΔE 11.02 #54a95f Invertida #757575 Escala de cinza 

Purpureus
#ab56a0  rgb(171, 86, 160)  hsl(308, 34%, 50%)  Purpureus
#56ab61  rgb(86, 171, 97)  hsl(128, 34%, 50%)  Medium Sea Green
#a0ab56  rgb(160, 171, 86)  hsl(68, 34%, 50%)  Dark Khaki
#56a0ab  rgb(86, 160, 171)  hsl(188, 34%, 50%)  Cadet Blue