ColorTool
Entrar
#B82EF6

#b82ef6 ≈ Electric Purple

  • magenta
  • Luminosidade: média
  • Saturação: vívida
  • Fria
Verificar contraste Explorar no grafo Cor aleatória

#b82ef6 é uma cor da família “magenta”, com luminosidade média e saturação vívida. No modelo RGB, é formada por 72,16% de vermelho, 18,04% de verde e 96,47% de azul; impressa em CMYK, usa 25,2% de ciano, 81,3% de magenta, 0% de amarelo e 3,53% de preto. Seu ângulo de matiz é 281,4°, com 91,74% de saturação e 57,25% de luminosidade em HSL. É uma cor fria, muitas vezes associada a criatividade, ousadia e individualidade. Designers costumam usá-la em beleza e cosméticos, estúdios criativos e botões de chamada para ação. Texto preto sobre esta cor atinge uma razão de contraste de 4,76:1 (WCAG AA). A cor nomeada mais próxima é Electric Purple (#bf00ff), ΔE 2.

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

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

Complementar

  1. #b82ef6
  2. #6cf62e

Complementar dividida

  1. #b82ef6
  2. #d0f62e
  3. #2ef654

Análoga

  1. #542ef6
  2. #b82ef6
  3. #f62ed0

Triádica

  1. #b82ef6
  2. #f6b82e
  3. #2ef6b8

Tetrádica

  1. #b82ef6
  2. #f62e6c
  3. #6cf62e
  4. #2ef6b8

Quadrada

  1. #b82ef6
  2. #f6542e
  3. #6cf62e
  4. #2ed0f6

Monocromática

  1. #5e0685
  2. #9109cf
  3. #b82ef6
  4. #d177f9
  5. #eac1fc

Sombras

#b82ef6 misturado progressivamente com preto.

  1. #b82ef6
  2. #a629dd
  3. #9325c5
  4. #8120ac
  5. #6e1c94
  6. #5c177b
  7. #4a1262
  8. #370e4a
  9. #250931
  10. #120519
  11. #000000

Matizes claros

#b82ef6 misturado progressivamente com branco.

  1. #b82ef6
  2. #bf43f7
  3. #c658f8
  4. #cd6df9
  5. #d482fa
  6. #dc97fb
  7. #e3abfb
  8. #eac0fc
  9. #f1d5fd
  10. #f8eafe
  11. #ffffff

Tons

#b82ef6 misturado progressivamente com cinza.

  1. #b82ef6
  2. #b236ea
  3. #ad3ede
  4. #a747d3
  5. #a24fc7
  6. #9c57bb
  7. #965faf
  8. #9167a3
  9. #8b7098
  10. #86788c
  11. #808080

Texto legível 4.41:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texto legível 4.76:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #787878 ≈ 0.003% dos homens
Acromatomalia #9663b8 ≈ 0.001% dos homens
Protanopia #0072fb ≈ 1.01% dos homens
Deuteranopia #007af2 ≈ 1.27% dos homens
Tritanopia #b06395 ≈ 0.0001% dos homens
Protanomalia #685ef9 ≈ 1.08% dos homens
Deuteranomalia #7764f4 ≈ 4.63% dos homens
Tritanomalia #b352c4 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-b82ef6 {
  color: #b82ef6;
}
Fundo
.bg-b82ef6 {
  background-color: #b82ef6;
  color: #000000;
}
Borda
.border-b82ef6 {
  border: 2px solid #b82ef6;
}
Variáveis CSS
:root {
  --color-primary: #b82ef6;
  --color-primary-rgb: 184 46 246;
  --color-primary-hsl: 281 92% 57%;
}
Degradê
.gradient-b82ef6 {
  background: linear-gradient(135deg, #b82ef6, #f62ed0);
}
Sombra colorida
.shadow-b82ef6 {
  box-shadow: 0 8px 24px rgb(184 46 246 / 0.35);
}

#bf00ff Electric Purple ΔE 2.00 #9f00ff Vivid Violet ΔE 6.29 #ba55d3 Medium Orchid ΔE 7.44 #9932cc Dark Orchid ΔE 7.74 #8f00ff Electric Violet ΔE 8.75 #8a2be2 Blue Violet ΔE 8.83 #9400d3 Dark Violet ΔE 10.33 #47d109 Invertida #787878 Escala de cinza 

Electric Purple
#b82ef6  rgb(184, 46, 246)  hsl(281, 92%, 57%)  Electric Purple
#6cf62e  rgb(108, 246, 46)  hsl(101, 92%, 57%)  Lawn Green
#f6b82e  rgb(246, 184, 46)  hsl(41, 92%, 57%)  Amber
#2ef6b8  rgb(46, 246, 184)  hsl(161, 92%, 57%)  Aquamarine