ColorTool
Iniciar sesión
#665166

#665166 ≈ Eggplant

  • magenta
  • Luminosidad: baja
  • Saturación: casi nula
  • Neutro
Comprobar contraste Explorar en el grafo Color aleatorio

#665166 es un color de la familia magenta, con luminosidad baja y saturación casi nula. En el modelo RGB se compone de 40% de rojo, 31,76% de verde y 40% de azul; impreso en CMYK usa 0% de cian, 20,59% de magenta, 0% de amarillo y 60% de negro. Su ángulo de tono es 300°, con 11,48% de saturación y 35,88% de luminosidad en HSL. Es un color neutro, 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 7,16:1 (WCAG AAA). El color con nombre más cercano es Eggplant (#614051), ΔE 6,73.

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

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

Complementario

  1. #665166
  2. #516651

Complementario dividido

  1. #665166
  2. #5b6651
  3. #51665b

Análogo

  1. #5b5166
  2. #665166
  3. #66515b

Triádico

  1. #665166
  2. #666651
  3. #516666

Tetrádico

  1. #665166
  2. #665151
  3. #516651
  4. #516666

Cuadrado

  1. #665166
  2. #665b51
  3. #516651
  4. #515b66

Monocromático

  1. #110d11
  2. #3b2f3b
  3. #665166
  4. #907390
  5. #b29eb2

Sombras

#665166 mezclado progresivamente con negro.

  1. #665166
  2. #5c495c
  3. #524152
  4. #473947
  5. #3d313d
  6. #332933
  7. #292029
  8. #1f181f
  9. #141014
  10. #0a080a
  11. #000000

Tintes

#665166 mezclado progresivamente con blanco.

  1. #665166
  2. #756275
  3. #857485
  4. #948594
  5. #a397a3
  6. #b3a8b3
  7. #c2b9c2
  8. #d1cbd1
  9. #e0dce0
  10. #f0eef0
  11. #ffffff

Tonos

#665166 mezclado progresivamente con gris.

  1. #665166
  2. #695669
  3. #6b5a6b
  4. #6e5f6e
  5. #706470
  6. #736973
  7. #766d76
  8. #787278
  9. #7b777b
  10. #7d7b7d
  11. #808080

Texto legible 7.16:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Texto legible 2.93:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #585858 ≈ 0.003% de los hombres
Acromatomalía #5e555e ≈ 0.001% de los hombres
Protanopía #505667 ≈ 1.01% de los hombres
Deuteranopía #545965 ≈ 1.27% de los hombres
Tritanopía #675358 ≈ 0.0001% de los hombres
Protanomalía #595467 ≈ 1.08% de los hombres
Deuteranomalía #5c5666 ≈ 4.63% de los hombres
Tritanomalía #67525e ≈ 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-665166 {
  color: #665166;
}
Fondo
.bg-665166 {
  background-color: #665166;
  color: #ffffff;
}
Borde
.border-665166 {
  border: 2px solid #665166;
}
Variables CSS
:root {
  --color-primary: #665166;
  --color-primary-rgb: 102 81 102;
  --color-primary-hsl: 300 11% 36%;
}
Degradado
.gradient-665166 {
  background: linear-gradient(135deg, #665166, #66515b);
}
Sombra de color
.shadow-665166 {
  box-shadow: 0 8px 24px rgb(102 81 102 / 0.35);
}

#614051 Eggplant ΔE 6.73 #796878 Old Lavender ΔE 8.41 #645452 Wenge ΔE 10.82 #8a496b Twilight Lavender ΔE 10.95 #915f6d Mauve Taupe ΔE 12.11 #674c47 Liver ΔE 12.12 #8e4585 Deep Plum ΔE 13.35 #99ae99 Invertido #585858 Escala de grises 

Eggplant
#665166  rgb(102, 81, 102)  hsl(300, 11%, 36%)  Eggplant
#516651  rgb(81, 102, 81)  hsl(120, 11%, 36%)  Feldgrau
#666651  rgb(102, 102, 81)  hsl(60, 11%, 36%)  Feldgrau
#516666  rgb(81, 102, 102)  hsl(180, 11%, 36%)  Feldgrau