ColorTool
Iniciar sesión
#660D8D

#660d8d ≈ Indigo

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

#660d8d es un color de la familia magenta, con luminosidad baja y saturación fuerte. En el modelo RGB se compone de 40% de rojo, 5,1% de verde y 55,29% de azul; impreso en CMYK usa 27,66% de cian, 90,78% de magenta, 0% de amarillo y 44,71% de negro. Su ángulo de tono es 281,72°, con 83,12% de saturación y 30,2% 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 identidades corporativas. El texto blanco sobre este color alcanza una relación de contraste de 10,46:1 (WCAG AAA). El color con nombre más cercano es Indigo (#4b0082), ΔE 5,19.

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

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

Complementario

  1. #660d8d
  2. #348d0d

Complementario dividido

  1. #660d8d
  2. #748d0d
  3. #0d8d26

Análogo

  1. #260d8d
  2. #660d8d
  3. #8d0d74

Triádico

  1. #660d8d
  2. #8d660d
  3. #0d8d66

Tetrádico

  1. #660d8d
  2. #8d0d34
  3. #348d0d
  4. #0d8d66

Cuadrado

  1. #660d8d
  2. #8d260d
  3. #348d0d
  4. #0d748d

Monocromático

  1. #0e0213
  2. #330747
  3. #660d8d
  4. #9913d3
  5. #ba45ee

Sombras

#660d8d mezclado progresivamente con negro.

  1. #660d8d
  2. #5c0c7f
  3. #520a71
  4. #470963
  5. #3d0855
  6. #330747
  7. #290538
  8. #1f042a
  9. #14031c
  10. #0a010e
  11. #000000

Tintes

#660d8d mezclado progresivamente con blanco.

  1. #660d8d
  2. #752598
  3. #853da4
  4. #9456af
  5. #a36ebb
  6. #b386c6
  7. #c29ed1
  8. #d1b6dd
  9. #e0cfe8
  10. #f0e7f4
  11. #ffffff

Tonos

#660d8d mezclado progresivamente con gris.

  1. #660d8d
  2. #69198c
  3. #6b248a
  4. #6e3089
  5. #703b88
  6. #734787
  7. #765285
  8. #785e84
  9. #7b6983
  10. #7d7581
  11. #808080

Texto legible 10.46:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Texto legible 2.01:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #3f3f3f ≈ 0.003% de los hombres
Acromatomalía #523267 ≈ 0.001% de los hombres
Protanopía #003c90 ≈ 1.01% de los hombres
Deuteranopía #00418b ≈ 1.27% de los hombres
Tritanopía #613352 ≈ 0.0001% de los hombres
Protanomalía #352f8f ≈ 1.08% de los hombres
Deuteranomalía #3e338c ≈ 4.63% de los hombres
Tritanomalía #63286e ≈ 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-660d8d {
  color: #660d8d;
}
Fondo
.bg-660d8d {
  background-color: #660d8d;
  color: #ffffff;
}
Borde
.border-660d8d {
  border: 2px solid #660d8d;
}
Variables CSS
:root {
  --color-primary: #660d8d;
  --color-primary-rgb: 102 13 141;
  --color-primary-hsl: 282 83% 30%;
}
Degradado
.gradient-660d8d {
  background: linear-gradient(135deg, #660d8d, #8d0d74);
}
Sombra de color
.shadow-660d8d {
  box-shadow: 0 8px 24px rgb(102 13 141 / 0.35);
}

#4b0082 Indigo ΔE 5.19 #663399 Rebecca Purple ΔE 6.26 #6c3082 Eminence ΔE 6.49 #800080 Purple ΔE 6.51 #69359c Purple Heart ΔE 6.79 #880085 Mardi Gras ΔE 7.50 #8b008b Dark Magenta ΔE 7.53 #99f272 Invertido #3f3f3f Escala de grises 

Indigo
#660d8d  rgb(102, 13, 141)  hsl(282, 83%, 30%)  Indigo
#348d0d  rgb(52, 141, 13)  hsl(102, 83%, 30%)  Islamic Green
#8d660d  rgb(141, 102, 13)  hsl(42, 83%, 30%)  Golden Brown
#0d8d66  rgb(13, 141, 102)  hsl(162, 83%, 30%)  Sea Green