ColorTool
Entrar
#AF5FA0

#af5fa0 ≈ Mulberry

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

#af5fa0 é uma cor da família “magenta”, com luminosidade média e saturação moderada. No modelo RGB, é formada por 68,63% de vermelho, 37,25% de verde e 62,75% de azul; impressa em CMYK, usa 0% de ciano, 45,71% de magenta, 8,57% de amarelo e 31,37% de preto. Seu ângulo de matiz é 311,25°, com 33,33% de saturação e 52,94% 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 preto sobre esta cor atinge uma razão de contraste de 4,97:1 (WCAG AA). A cor nomeada mais próxima é Mulberry (#c54b8c), ΔE 7,39.

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

Complementar

  1. #af5fa0
  2. #5faf6e

Complementar dividida

  1. #af5fa0
  2. #78af5f
  3. #5faf96

Análoga

  1. #965faf
  2. #af5fa0
  3. #af5f78

Triádica

  1. #af5fa0
  2. #a0af5f
  3. #5fa0af

Tetrádica

  1. #af5fa0
  2. #af6e5f
  3. #5faf6e
  4. #5fa0af

Quadrada

  1. #af5fa0
  2. #af965f
  3. #5faf6e
  4. #5f78af

Monocromática

  1. #4e2747
  2. #814175
  3. #af5fa0
  4. #c892be
  5. #e2c5dd

Sombras

#af5fa0 misturado progressivamente com preto.

  1. #af5fa0
  2. #9e5690
  3. #8c4c80
  4. #7b4370
  5. #693960
  6. #583050
  7. #462640
  8. #351d30
  9. #231320
  10. #120a10
  11. #000000

Matizes claros

#af5fa0 misturado progressivamente com branco.

  1. #af5fa0
  2. #b76faa
  3. #bf7fb3
  4. #c78fbd
  5. #cf9fc6
  6. #d7afd0
  7. #dfbfd9
  8. #e7cfe3
  9. #efdfec
  10. #f7eff6
  11. #ffffff

Tons

#af5fa0 misturado progressivamente com cinza.

  1. #af5fa0
  2. #aa629d
  3. #a6669a
  4. #a16996
  5. #9c6c93
  6. #987090
  7. #93738d
  8. #8e768a
  9. #897986
  10. #857d83
  11. #808080

Texto legível 4.23:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texto legível 4.97:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #7b7b7b ≈ 0.003% dos homens
Acromatomalia #93718b ≈ 0.001% dos homens
Protanopia #5f74a2 ≈ 1.01% dos homens
Deuteranopia #747f9e ≈ 1.27% dos homens
Tritanopia #b66378 ≈ 0.0001% dos homens
Protanomalia #866ca1 ≈ 1.08% dos homens
Deuteranomalia #90749f ≈ 4.63% dos homens
Tritanomalia #b3618a ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-af5fa0 {
  color: #af5fa0;
}
Fundo
.bg-af5fa0 {
  background-color: #af5fa0;
  color: #000000;
}
Borda
.border-af5fa0 {
  border: 2px solid #af5fa0;
}
Variáveis CSS
:root {
  --color-primary: #af5fa0;
  --color-primary-rgb: 175 95 160;
  --color-primary-hsl: 311 33% 53%;
}
Degradê
.gradient-af5fa0 {
  background: linear-gradient(135deg, #af5fa0, #af5f78);
}
Sombra colorida
.shadow-af5fa0 {
  box-shadow: 0 8px 24px rgb(175 95 160 / 0.35);
}

#c54b8c Mulberry ΔE 7.39 #cf71af Sky Magenta ΔE 8.33 #9a4eae Purpureus ΔE 8.96 #ba55d3 Medium Orchid ΔE 9.94 #8e4585 Deep Plum ΔE 10.57 #9678b6 Purple Mountain Majesty ΔE 10.97 #9966cc Amethyst ΔE 11.55 #50a05f Invertida #7b7b7b Escala de cinza 

Mulberry
#af5fa0  rgb(175, 95, 160)  hsl(311, 33%, 53%)  Mulberry
#5faf6e  rgb(95, 175, 110)  hsl(131, 33%, 53%)  Medium Sea Green
#a0af5f  rgb(160, 175, 95)  hsl(71, 33%, 53%)  Olivine
#5fa0af  rgb(95, 160, 175)  hsl(191, 33%, 53%)  Cadet Blue