ColorTool
Iniciar sesión
#702E83

#702e83 ≈ Eminence

  • magenta
  • Luminosidad: baja
  • Saturación: moderada
  • Equilibrado
Comprobar contraste Explorar en el grafo Color aleatorio

#702e83 es un color de la familia magenta, con luminosidad baja y saturación moderada. En el modelo RGB se compone de 43,92% de rojo, 18,04% de verde y 51,37% de azul; impreso en CMYK usa 14,5% de cian, 64,89% de magenta, 0% de amarillo y 48,63% de negro. Su ángulo de tono es 286,59°, con 48,02% de saturación y 34,71% de luminosidad en HSL. Se sitúa entre cálido y frío, y a menudo se asocia con creatividad, audacia e individualidad. Los diseñadores suelen usarlo para belleza y cosmética, estudios creativos y identidades corporativas. El texto blanco sobre este color alcanza una relación de contraste de 8,72:1 (WCAG AAA). El color con nombre más cercano es Eminence (#6c3082), ΔE 0,92.

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

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

Complementario

  1. #702e83
  2. #41832e

Complementario dividido

  1. #702e83
  2. #6c832e
  3. #2e8346

Análogo

  1. #462e83
  2. #702e83
  3. #832e6c

Triádico

  1. #702e83
  2. #83702e
  3. #2e8370

Tetrádico

  1. #702e83
  2. #832e41
  3. #41832e
  4. #2e8370

Cuadrado

  1. #702e83
  2. #83462e
  3. #41832e
  4. #2e6c83

Monocromático

  1. #0f0612
  2. #401a4a
  3. #702e83
  4. #a042bc
  5. #bd7ad0

Sombras

#702e83 mezclado progresivamente con negro.

  1. #702e83
  2. #652976
  3. #5a2569
  4. #4e205c
  5. #431c4f
  6. #381742
  7. #2d1234
  8. #220e27
  9. #16091a
  10. #0b050d
  11. #000000

Tintes

#702e83 mezclado progresivamente con blanco.

  1. #702e83
  2. #7e438f
  3. #8d589c
  4. #9b6da8
  5. #a982b5
  6. #b897c1
  7. #c6abcd
  8. #d4c0da
  9. #e2d5e6
  10. #f1eaf3
  11. #ffffff

Tonos

#702e83 mezclado progresivamente con gris.

  1. #702e83
  2. #723683
  3. #733e82
  4. #754782
  5. #764f82
  6. #785782
  7. #7a5f81
  8. #7b6781
  9. #7d7081
  10. #7e7880
  11. #808080

Texto legible 8.72:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Texto legible 2.41:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #4b4b4b ≈ 0.003% de los hombres
Acromatomalía #5c4166 ≈ 0.001% de los hombres
Protanopía #144786 ≈ 1.01% de los hombres
Deuteranopía #314d81 ≈ 1.27% de los hombres
Tritanopía #703d54 ≈ 0.0001% de los hombres
Protanomalía #4a3e85 ≈ 1.08% de los hombres
Deuteranomalía #524382 ≈ 4.63% de los hombres
Tritanomalía #70376a ≈ 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-702e83 {
  color: #702e83;
}
Fondo
.bg-702e83 {
  background-color: #702e83;
  color: #ffffff;
}
Borde
.border-702e83 {
  border: 2px solid #702e83;
}
Variables CSS
:root {
  --color-primary: #702e83;
  --color-primary-rgb: 112 46 131;
  --color-primary-hsl: 287 48% 35%;
}
Degradado
.gradient-702e83 {
  background: linear-gradient(135deg, #702e83, #832e6c);
}
Sombra de color
.shadow-702e83 {
  box-shadow: 0 8px 24px rgb(112 46 131 / 0.35);
}

#6c3082 Eminence ΔE 0.92 #663399 Rebecca Purple ΔE 5.47 #69359c Purple Heart ΔE 5.64 #800080 Purple ΔE 5.67 #880085 Mardi Gras ΔE 6.07 #8b008b Dark Magenta ΔE 6.19 #702963 Byzantium ΔE 7.43 #8fd17c Invertido #4b4b4b Escala de grises 

Eminence
#702e83  rgb(112, 46, 131)  hsl(287, 48%, 35%)  Eminence
#41832e  rgb(65, 131, 46)  hsl(107, 48%, 35%)  Sap Green
#83702e  rgb(131, 112, 46)  hsl(47, 48%, 35%)  Raw Umber
#2e8370  rgb(46, 131, 112)  hsl(167, 48%, 35%)  Viridian