ColorTool
Entrar
#E28BD6

#e28bd6 ≈ Violet

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

#e28bd6 é uma cor da família “magenta”, com luminosidade alta e saturação moderada. No modelo RGB, é formada por 88,63% de vermelho, 54,51% de verde e 83,92% de azul; impressa em CMYK, usa 0% de ciano, 38,5% de magenta, 5,31% de amarelo e 11,37% de preto. Seu ângulo de matiz é 308,28°, com 60% de saturação e 71,57% 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,9:1 (WCAG AAA). A cor nomeada mais próxima é Violet (#ee82ee), ΔE 5,05.

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

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

Complementar

  1. #e28bd6
  2. #8be297

Complementar dividida

  1. #e28bd6
  2. #aae28b
  3. #8be2c3

Análoga

  1. #c38be2
  2. #e28bd6
  3. #e28baa

Triádica

  1. #e28bd6
  2. #d6e28b
  3. #8bd6e2

Tetrádica

  1. #e28bd6
  2. #e2978b
  3. #8be297
  4. #8bd6e2

Quadrada

  1. #e28bd6
  2. #e2c38b
  3. #8be297
  4. #8baae2

Monocromática

  1. #aa2a98
  2. #d34ec0
  3. #e28bd6
  4. #f1c8ec
  5. #fbeff9

Sombras

#e28bd6 misturado progressivamente com preto.

  1. #e28bd6
  2. #cb7dc1
  3. #b56fab
  4. #9e6196
  5. #885380
  6. #71466b
  7. #5a3856
  8. #442a40
  9. #2d1c2b
  10. #170e15
  11. #000000

Matizes claros

#e28bd6 misturado progressivamente com branco.

  1. #e28bd6
  2. #e597da
  3. #e8a2de
  4. #ebaee2
  5. #eeb9e6
  6. #f1c5eb
  7. #f3d1ef
  8. #f6dcf3
  9. #f9e8f7
  10. #fcf3fb
  11. #ffffff

Tons

#e28bd6 misturado progressivamente com cinza.

  1. #e28bd6
  2. #d88acd
  3. #ce89c5
  4. #c588bc
  5. #bb87b4
  6. #b186ab
  7. #a784a2
  8. #9d839a
  9. #948291
  10. #8a8189
  11. #808080

Texto legível 2.36:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 8.9:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #a9a9a9 ≈ 0.003% dos homens
Acromatomalia #c29ebd ≈ 0.001% dos homens
Protanopia #89a1d9 ≈ 1.01% dos homens
Deuteranopia #9fadd3 ≈ 1.27% dos homens
Tritanopia #e990a7 ≈ 0.0001% dos homens
Protanomalia #b499d8 ≈ 1.08% dos homens
Deuteranomalia #bea1d4 ≈ 4.63% dos homens
Tritanomalia #e68ebc ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-e28bd6 {
  color: #e28bd6;
}
Fundo
.bg-e28bd6 {
  background-color: #e28bd6;
  color: #000000;
}
Borda
.border-e28bd6 {
  border: 2px solid #e28bd6;
}
Variáveis CSS
:root {
  --color-primary: #e28bd6;
  --color-primary-rgb: 226 139 214;
  --color-primary-hsl: 308 60% 72%;
}
Degradê
.gradient-e28bd6 {
  background: linear-gradient(135deg, #e28bd6, #e28baa);
}
Sombra colorida
.shadow-e28bd6 {
  box-shadow: 0 8px 24px rgb(226 139 214 / 0.35);
}

#ee82ee Violet ΔE 5.05 #dda0dd Plum ΔE 5.33 #da70d6 Orchid ΔE 6.68 #f77fbe Persian Pink ΔE 7.25 #ff66cc Rose Pink ΔE 7.96 #c9a0dc Wisteria ΔE 8.08 #ff77ff Fuchsia Pink ΔE 8.26 #1d7429 Invertida #a9a9a9 Escala de cinza 

Violet
#e28bd6  rgb(226, 139, 214)  hsl(308, 60%, 72%)  Violet
#8be297  rgb(139, 226, 151)  hsl(128, 60%, 72%)  Light Green
#d6e28b  rgb(214, 226, 139)  hsl(68, 60%, 72%)  Khaki
#8bd6e2  rgb(139, 214, 226)  hsl(188, 60%, 72%)  Non-Photo Blue