ColorTool
Iniciar sesión
#B03CDE

#b03cde ≈ Electric Purple

  • magenta
  • Luminosidad: media
  • Saturación: fuerte
  • Frío
Comprobar contraste Explorar en el grafo Color aleatorio

#b03cde es un color de la familia magenta, con luminosidad media y saturación fuerte. En el modelo RGB se compone de 69,02% de rojo, 23,53% de verde y 87,06% de azul; impreso en CMYK usa 20,72% de cian, 72,97% de magenta, 0% de amarillo y 12,94% de negro. Su ángulo de tono es 282,96°, con 71,05% de saturación y 55,29% de luminosidad en HSL. Es un color frío, a menudo asociado con creatividad, audacia e individualidad. Los diseñadores suelen usarlo para belleza y cosmética, estudios creativos y acentos de marca. El texto blanco sobre este color alcanza una relación de contraste de 4,62:1 (WCAG AA). El color con nombre más cercano es Electric Purple (#bf00ff), ΔE 4,65.

Descripción generada a partir de las propiedades medidas de este color.

HEX
RGB
RGB en porcentaje
CMY
CMYK
HSL
HSV / HSB
Web seguro#9933cc
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binario
Decimal
Luminancia relativa0.1774

Complementario

  1. #b03cde
  2. #6ade3c

Complementario dividido

  1. #b03cde
  2. #bbde3c
  3. #3cde5f

Análogo

  1. #5f3cde
  2. #b03cde
  3. #de3cbb

Triádico

  1. #b03cde
  2. #deb03c
  3. #3cdeb0

Tetrádico

  1. #b03cde
  2. #de3c6a
  3. #6ade3c
  4. #3cdeb0

Cuadrado

  1. #b03cde
  2. #de5f3c
  3. #6ade3c
  4. #3cbbde

Monocromático

  1. #54136e
  2. #861eb0
  3. #b03cde
  4. #ca7de9
  5. #e5bff4

Sombras

#b03cde mezclado progresivamente con negro.

  1. #b03cde
  2. #9e36c8
  3. #8d30b2
  4. #7b2a9b
  5. #6a2485
  6. #581e6f
  7. #461859
  8. #351243
  9. #230c2c
  10. #120616
  11. #000000

Tintes

#b03cde mezclado progresivamente con blanco.

  1. #b03cde
  2. #b850e1
  3. #c063e5
  4. #c877e8
  5. #d08aeb
  6. #d89eef
  7. #dfb1f2
  8. #e7c5f5
  9. #efd8f8
  10. #f7ecfc
  11. #ffffff

Tonos

#b03cde mezclado progresivamente con gris.

  1. #b03cde
  2. #ab43d5
  3. #a64acb
  4. #a250c2
  5. #9d57b8
  6. #985eaf
  7. #9365a6
  8. #8e6c9c
  9. #8a7293
  10. #857989
  11. #808080

Texto legible 4.62:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legible 4.55:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #757575 ≈ 0.003% de los hombres
Acromatomalía #9063a9 ≈ 0.001% de los hombres
Protanopía #006fe3 ≈ 1.01% de los hombres
Deuteranopía #3278da ≈ 1.27% de los hombres
Tritanopía #ac608a ≈ 0.0001% de los hombres
Protanomalía #6d5ee1 ≈ 1.08% de los hombres
Deuteranomalía #7965dc ≈ 4.63% de los hombres
Tritanomalía #ad54b2 ≈ 0.0002% de los hombres
Simular en tu propia imagen

Texto en este color

Fondo en este color

Borde en este color

Color de texto
.text-b03cde {
  color: #b03cde;
}
Fondo
.bg-b03cde {
  background-color: #b03cde;
  color: #ffffff;
}
Borde
.border-b03cde {
  border: 2px solid #b03cde;
}
Variables CSS
:root {
  --color-primary: #b03cde;
  --color-primary-rgb: 176 60 222;
  --color-primary-hsl: 283 71% 55%;
}
Degradado
.gradient-b03cde {
  background: linear-gradient(135deg, #b03cde, #de3cbb);
}
Sombra de color
.shadow-b03cde {
  box-shadow: 0 8px 24px rgb(176 60 222 / 0.35);
}

#bf00ff Electric Purple ΔE 4.65 #9932cc Dark Orchid ΔE 5.72 #ba55d3 Medium Orchid ΔE 5.90 #9f00ff Vivid Violet ΔE 7.22 #9a4eae Purpureus ΔE 7.95 #8a2be2 Blue Violet ΔE 8.20 #9966cc Amethyst ΔE 8.89 #4fc321 Invertido #757575 Escala de grises 

Electric Purple
#b03cde  rgb(176, 60, 222)  hsl(283, 71%, 55%)  Electric Purple
#6ade3c  rgb(106, 222, 60)  hsl(103, 71%, 55%)  Lime Green
#deb03c  rgb(222, 176, 60)  hsl(43, 71%, 55%)  Meat Brown
#3cdeb0  rgb(60, 222, 176)  hsl(163, 71%, 55%)  Caribbean Green