ColorTool
Entrar
#E886DA

#e886da ≈ Violet

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

#e886da é uma cor da família “magenta”, com luminosidade alta e saturação moderada. No modelo RGB, é formada por 90,98% de vermelho, 52,55% de verde e 85,49% de azul; impressa em CMYK, usa 0% de ciano, 42,24% de magenta, 6,03% de amarelo e 9,02% de preto. Seu ângulo de matiz é 308,57°, com 68,06% de saturação e 71,76% 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 8,85:1 (WCAG AAA). A cor nomeada mais próxima é Violet (#ee82ee), ΔE 3,75.

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

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

Complementar

  1. #e886da
  2. #86e894

Complementar dividida

  1. #e886da
  2. #a9e886
  3. #86e8c5

Análoga

  1. #c586e8
  2. #e886da
  3. #e886a9

Triádica

  1. #e886da
  2. #dae886
  3. #86dae8

Tetrádica

  1. #e886da
  2. #e89486
  3. #86e894
  4. #86dae8

Quadrada

  1. #e886da
  2. #e8c586
  3. #86e894
  4. #86a9e8

Monocromática

  1. #b3229e
  2. #dc46c6
  3. #e886da
  4. #f4c6ee
  5. #fceefa

Sombras

#e886da misturado progressivamente com preto.

  1. #e886da
  2. #d179c4
  3. #ba6bae
  4. #a25e99
  5. #8b5083
  6. #74436d
  7. #5d3657
  8. #462841
  9. #2e1b2c
  10. #170d16
  11. #000000

Matizes claros

#e886da misturado progressivamente com branco.

  1. #e886da
  2. #ea92de
  3. #ed9ee1
  4. #efaae5
  5. #f1b6e9
  6. #f4c3ed
  7. #f6cff0
  8. #f8dbf4
  9. #fae7f8
  10. #fdf3fb
  11. #ffffff

Tons

#e886da misturado progressivamente com cinza.

  1. #e886da
  2. #de85d1
  3. #d385c8
  4. #c984bf
  5. #be84b6
  6. #b483ad
  7. #aa82a4
  8. #9f829b
  9. #958192
  10. #8a8189
  11. #808080

Texto legível 2.37:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 8.85:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #a8a8a8 ≈ 0.003% dos homens
Acromatomalia #c59cbe ≈ 0.001% dos homens
Protanopia #84a0dd ≈ 1.01% dos homens
Deuteranopia #9eadd7 ≈ 1.27% dos homens
Tritanopia #f08ca6 ≈ 0.0001% dos homens
Protanomalia #b596dc ≈ 1.08% dos homens
Deuteranomalia #c09fd8 ≈ 4.63% dos homens
Tritanomalia #ed8abd ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-e886da {
  color: #e886da;
}
Fundo
.bg-e886da {
  background-color: #e886da;
  color: #000000;
}
Borda
.border-e886da {
  border: 2px solid #e886da;
}
Variáveis CSS
:root {
  --color-primary: #e886da;
  --color-primary-rgb: 232 134 218;
  --color-primary-hsl: 309 68% 72%;
}
Degradê
.gradient-e886da {
  background: linear-gradient(135deg, #e886da, #e886a9);
}
Sombra colorida
.shadow-e886da {
  box-shadow: 0 8px 24px rgb(232 134 218 / 0.35);
}

#ee82ee Violet ΔE 3.75 #da70d6 Orchid ΔE 5.77 #dda0dd Plum ΔE 6.71 #ff66cc Rose Pink ΔE 6.75 #ff77ff Fuchsia Pink ΔE 6.82 #f77fbe Persian Pink ΔE 7.16 #cf71af Sky Magenta ΔE 8.60 #177925 Invertida #a8a8a8 Escala de cinza 

Violet
#e886da  rgb(232, 134, 218)  hsl(309, 68%, 72%)  Violet
#86e894  rgb(134, 232, 148)  hsl(129, 68%, 72%)  Light Green
#dae886  rgb(218, 232, 134)  hsl(69, 68%, 72%)  Khaki
#86dae8  rgb(134, 218, 232)  hsl(189, 68%, 72%)  Non-Photo Blue