ColorTool
Iniciar sesión
#8ECC82

#8ecc82 ≈ Pistachio

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

#8ecc82 es un color de la familia verde, con luminosidad alta y saturación moderada. En el modelo RGB se compone de 55,69% de rojo, 80% de verde y 50,98% de azul; impreso en CMYK usa 30,39% de cian, 0% de magenta, 36,27% de amarillo y 20% de negro. Su ángulo de tono es 110,27°, con 42,05% de saturación y 65,49% de luminosidad en HSL. Se sitúa entre cálido y frío, y a menudo se asocia con naturaleza, salud y equilibrio. Los diseñadores suelen usarlo para marcas ecológicas, salud y bienestar y acentos de marca. El texto negro sobre este color alcanza una relación de contraste de 11,11:1 (WCAG AAA). El color con nombre más cercano es Pistachio (#93c572), ΔE 3,46.

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

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

Complementario

  1. #8ecc82
  2. #c082cc

Complementario dividido

  1. #8ecc82
  2. #9b82cc
  3. #cc82b3

Análogo

  1. #b3cc82
  2. #8ecc82
  3. #82cc9b

Triádico

  1. #8ecc82
  2. #828ecc
  3. #cc828e

Tetrádico

  1. #8ecc82
  2. #82ccc0
  3. #c082cc
  4. #cc828e

Cuadrado

  1. #8ecc82
  2. #82b3cc
  3. #c082cc
  4. #cc9b82

Monocromático

  1. #418134
  2. #5db64c
  3. #8ecc82
  4. #bfe2b8
  5. #f0f8ef

Sombras

#8ecc82 mezclado progresivamente con negro.

  1. #8ecc82
  2. #80b875
  3. #72a368
  4. #638f5b
  5. #557a4e
  6. #476641
  7. #395234
  8. #2b3d27
  9. #1c291a
  10. #0e140d
  11. #000000

Tintes

#8ecc82 mezclado progresivamente con blanco.

  1. #8ecc82
  2. #99d18f
  3. #a5d69b
  4. #b0dba8
  5. #bbe0b4
  6. #c7e6c1
  7. #d2ebcd
  8. #ddf0da
  9. #e8f5e6
  10. #f4faf3
  11. #ffffff

Tonos

#8ecc82 mezclado progresivamente con gris.

  1. #8ecc82
  2. #8dc482
  3. #8bbd82
  4. #8ab581
  5. #88ae81
  6. #87a681
  7. #869e81
  8. #849781
  9. #838f80
  10. #818880
  11. #808080

Texto legible 1.89:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legible 11.11:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #bcbcbc ≈ 0.003% de los hombres
Acromatomalía #acc3a8 ≈ 0.001% de los hombres
Protanopía #d0c07d ≈ 1.01% de los hombres
Deuteranopía #c7ba86 ≈ 1.27% de los hombres
Tritanopía #8ac7b9 ≈ 0.0001% de los hombres
Protanomalía #b9c57f ≈ 1.08% de los hombres
Deuteranomalía #b3c285 ≈ 4.63% de los hombres
Tritanomalía #8cc9a6 ≈ 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-8ecc82 {
  color: #8ecc82;
}
Fondo
.bg-8ecc82 {
  background-color: #8ecc82;
  color: #000000;
}
Borde
.border-8ecc82 {
  border: 2px solid #8ecc82;
}
Variables CSS
:root {
  --color-primary: #8ecc82;
  --color-primary-rgb: 142 204 130;
  --color-primary-hsl: 110 42% 65%;
}
Degradado
.gradient-8ecc82 {
  background: linear-gradient(135deg, #8ecc82, #82cc9b);
}
Sombra de color
.shadow-8ecc82 {
  box-shadow: 0 8px 24px rgb(142 204 130 / 0.35);
}

#93c572 Pistachio ΔE 3.46 #74c365 Mantis ΔE 4.91 #77dd77 Pastel Green ΔE 6.17 #a8e4a0 Granny Smith Apple ΔE 6.19 #9ab973 Olivine ΔE 6.69 #8fbc8f Dark Sea Green ΔE 6.94 #50c878 Emerald ΔE 7.09 #71337d Invertido #bcbcbc Escala de grises 

Pistachio
#8ecc82  rgb(142, 204, 130)  hsl(110, 42%, 65%)  Pistachio
#c082cc  rgb(192, 130, 204)  hsl(290, 42%, 65%)  Floral Lavender
#828ecc  rgb(130, 142, 204)  hsl(230, 42%, 65%)  Glaucous
#cc828e  rgb(204, 130, 142)  hsl(350, 42%, 65%)  Puce