ColorTool
Entrar
#5A2561

#5a2561 ≈ Byzantium

  • magenta
  • Luminosidade: baixa
  • Saturação: suave
  • Equilibrada
Verificar contraste Explorar no grafo Cor aleatória

#5a2561 é uma cor da família “magenta”, com luminosidade baixa e saturação suave. No modelo RGB, é formada por 35,29% de vermelho, 14,51% de verde e 38,04% de azul; impressa em CMYK, usa 7,22% de ciano, 61,86% de magenta, 0% de amarelo e 61,96% de preto. Seu ângulo de matiz é 293°, com 44,78% de saturação e 26,27% 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 marcas de luxo. Texto branco sobre esta cor atinge uma razão de contraste de 11,22:1 (WCAG AAA). A cor nomeada mais próxima é Byzantium (#702963), ΔE 5,36.

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

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

Complementar

  1. #5a2561
  2. #2c6125

Complementar dividida

  1. #5a2561
  2. #4a6125
  3. #25613c

Análoga

  1. #3c2561
  2. #5a2561
  3. #61254a

Triádica

  1. #5a2561
  2. #615a25
  3. #25615a

Tetrádica

  1. #5a2561
  2. #61252c
  3. #2c6125
  4. #25615a

Quadrada

  1. #5a2561
  2. #613c25
  3. #2c6125
  4. #254a61

Monocromática

  1. #0e060f
  2. #27102a
  3. #5a2561
  4. #8d3a98
  5. #b65ec1

Sombras

#5a2561 misturado progressivamente com preto.

  1. #5a2561
  2. #512157
  3. #481e4e
  4. #3f1a44
  5. #36163a
  6. #2d1331
  7. #240f27
  8. #1b0b1d
  9. #120713
  10. #09040a
  11. #000000

Matizes claros

#5a2561 misturado progressivamente com branco.

  1. #5a2561
  2. #6b3b71
  3. #7b5181
  4. #8c6690
  5. #9c7ca0
  6. #ad92b0
  7. #bda8c0
  8. #cebed0
  9. #ded3df
  10. #efe9ef
  11. #ffffff

Tons

#5a2561 misturado progressivamente com cinza.

  1. #5a2561
  2. #5e2e64
  3. #623767
  4. #65406a
  5. #69496d
  6. #6d5371
  7. #715c74
  8. #756577
  9. #786e7a
  10. #7c777d
  11. #808080

Texto legível 11.22:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Texto legível 1.87:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #3b3b3b ≈ 0.003% dos homens
Acromatomalia #49334d ≈ 0.001% dos homens
Protanopia #1a3763 ≈ 1.01% dos homens
Deuteranopia #2d3d5f ≈ 1.27% dos homens
Tritanopia #5b2e3f ≈ 0.0001% dos homens
Protanomalia #3d3162 ≈ 1.08% dos homens
Deuteranomalia #433560 ≈ 4.63% dos homens
Tritanomalia #5b2a4f ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-5a2561 {
  color: #5a2561;
}
Fundo
.bg-5a2561 {
  background-color: #5a2561;
  color: #ffffff;
}
Borda
.border-5a2561 {
  border: 2px solid #5a2561;
}
Variáveis CSS
:root {
  --color-primary: #5a2561;
  --color-primary-rgb: 90 37 97;
  --color-primary-hsl: 293 45% 26%;
}
Degradê
.gradient-5a2561 {
  background: linear-gradient(135deg, #5a2561, #61254a);
}
Sombra colorida
.shadow-5a2561 {
  box-shadow: 0 8px 24px rgb(90 37 97 / 0.35);
}

#702963 Byzantium ΔE 5.36 #6c3082 Eminence ΔE 6.69 #800080 Purple ΔE 8.84 #880085 Mardi Gras ΔE 9.99 #8b008b Dark Magenta ΔE 10.74 #663399 Rebecca Purple ΔE 10.86 #4b0082 Indigo ΔE 10.90 #a5da9e Invertida #3b3b3b Escala de cinza 

Byzantium
#5a2561  rgb(90, 37, 97)  hsl(293, 45%, 26%)  Byzantium
#2c6125  rgb(44, 97, 37)  hsl(113, 45%, 26%)  Lincoln Green
#615a25  rgb(97, 90, 37)  hsl(53, 45%, 26%)  Army Green
#25615a  rgb(37, 97, 90)  hsl(173, 45%, 26%)  Myrtle Green