ColorTool
Iniciar sesión
#66066A

#66066a ≈ Purple

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

#66066a es un color de la familia magenta, con luminosidad baja y saturación moderada. En el modelo RGB se compone de 40% de rojo, 2,35% de verde y 41,57% de azul; impreso en CMYK usa 3,77% de cian, 94,34% de magenta, 0% de amarillo y 58,43% de negro. Su ángulo de tono es 297,6°, con 89,29% de saturación y 21,96% 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 marcas de lujo. El texto blanco sobre este color alcanza una relación de contraste de 11,67:1 (WCAG AAA). El color con nombre más cercano es Purple (#800080), ΔE 5,3.

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

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

Complementario

  1. #66066a
  2. #0a6a06

Complementario dividido

  1. #66066a
  2. #3c6a06
  3. #066a34

Análogo

  1. #34066a
  2. #66066a
  3. #6a063c

Triádico

  1. #66066a
  2. #6a6606
  3. #066a66

Tetrádico

  1. #66066a
  2. #6a060a
  3. #0a6a06
  4. #066a66

Cuadrado

  1. #66066a
  2. #6a3406
  3. #0a6a06
  4. #063c6a

Monocromático

  1. #130113
  2. #200222
  3. #66066a
  4. #ac0ab2
  5. #e917f2

Sombras

#66066a mezclado progresivamente con negro.

  1. #66066a
  2. #5c055f
  3. #520555
  4. #47044a
  5. #3d0440
  6. #330335
  7. #29022a
  8. #1f0220
  9. #140115
  10. #0a010b
  11. #000000

Tintes

#66066a mezclado progresivamente con blanco.

  1. #66066a
  2. #751f79
  3. #853888
  4. #945197
  5. #a36aa6
  6. #b383b5
  7. #c29bc3
  8. #d1b4d2
  9. #e0cde1
  10. #f0e6f0
  11. #ffffff

Tonos

#66066a mezclado progresivamente con gris.

  1. #66066a
  2. #69126c
  3. #6b1e6e
  4. #6e2b71
  5. #703773
  6. #734375
  7. #764f77
  8. #785b79
  9. #7b687c
  10. #7d747e
  11. #808080

Texto legible 11.67:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Texto legible 1.8:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #383838 ≈ 0.003% de los hombres
Acromatomalía #4e2c51 ≈ 0.001% de los hombres
Protanopía #00316c ≈ 1.01% de los hombres
Deuteranopía #243c68 ≈ 1.27% de los hombres
Tritanopía #691d3c ≈ 0.0001% de los hombres
Protanomalía #3e266b ≈ 1.08% de los hombres
Deuteranomalía #472f69 ≈ 4.63% de los hombres
Tritanomalía #681652 ≈ 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-66066a {
  color: #66066a;
}
Fondo
.bg-66066a {
  background-color: #66066a;
  color: #ffffff;
}
Borde
.border-66066a {
  border: 2px solid #66066a;
}
Variables CSS
:root {
  --color-primary: #66066a;
  --color-primary-rgb: 102 6 106;
  --color-primary-hsl: 298 89% 22%;
}
Degradado
.gradient-66066a {
  background: linear-gradient(135deg, #66066a, #6a063c);
}
Sombra de color
.shadow-66066a {
  box-shadow: 0 8px 24px rgb(102 6 106 / 0.35);
}

#800080 Purple ΔE 5.30 #880085 Mardi Gras ΔE 6.84 #702963 Byzantium ΔE 7.14 #6c3082 Eminence ΔE 7.30 #8b008b Dark Magenta ΔE 7.70 #4b0082 Indigo ΔE 8.57 #663399 Rebecca Purple ΔE 10.80 #99f995 Invertido #383838 Escala de grises 

Purple
#66066a  rgb(102, 6, 106)  hsl(298, 89%, 22%)  Purple
#0a6a06  rgb(10, 106, 6)  hsl(118, 89%, 22%)  Pakistan Green
#6a6606  rgb(106, 102, 6)  hsl(58, 89%, 22%)  Olive
#066a66  rgb(6, 106, 102)  hsl(178, 89%, 22%)  Pine Green