ColorTool
Iniciar sesión
#8CA286

#8ca286 ≈ Asparagus

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

#8ca286 es un color de la familia verde, con luminosidad media y saturación apagada. En el modelo RGB se compone de 54,9% de rojo, 63,53% de verde y 52,55% de azul; impreso en CMYK usa 13,58% de cian, 0% de magenta, 17,28% de amarillo y 36,47% de negro. Su ángulo de tono es 107,14°, con 13,08% de saturación y 58,04% 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 7,63:1 (WCAG AAA). El color con nombre más cercano es Asparagus (#87a96b), ΔE 8,82.

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

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

Complementario

  1. #8ca286
  2. #9c86a2

Complementario dividido

  1. #8ca286
  2. #8e86a2
  3. #a2869a

Análogo

  1. #9aa286
  2. #8ca286
  3. #86a28e

Triádico

  1. #8ca286
  2. #868ca2
  3. #a2868c

Tetrádico

  1. #8ca286
  2. #86a29c
  3. #9c86a2
  4. #a2868c

Cuadrado

  1. #8ca286
  2. #869aa2
  3. #9c86a2
  4. #a28e86

Monocromático

  1. #42513e
  2. #667c5f
  3. #8ca286
  4. #b5c3b1
  5. #dee4dd

Sombras

#8ca286 mezclado progresivamente con negro.

  1. #8ca286
  2. #7e9279
  3. #70826b
  4. #62715e
  5. #546150
  6. #465143
  7. #384136
  8. #2a3128
  9. #1c201b
  10. #0e100d
  11. #000000

Tintes

#8ca286 mezclado progresivamente con blanco.

  1. #8ca286
  2. #98ab92
  3. #a3b59e
  4. #afbeaa
  5. #bac7b6
  6. #c6d1c3
  7. #d1dacf
  8. #dde3db
  9. #e8ece7
  10. #f4f6f3
  11. #ffffff

Tonos

#8ca286 mezclado progresivamente con gris.

  1. #8ca286
  2. #8b9f85
  3. #8a9b85
  4. #889884
  5. #879484
  6. #869183
  7. #858e82
  8. #848a82
  9. #828781
  10. #818381
  11. #808080

Texto legible 2.75:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legible 7.63:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #9c9c9c ≈ 0.003% de los hombres
Acromatomalía #969e94 ≈ 0.001% de los hombres
Protanopía #a49d84 ≈ 1.01% de los hombres
Deuteranopía #a09b87 ≈ 1.27% de los hombres
Tritanopía #8ba09a ≈ 0.0001% de los hombres
Protanomalía #9b9f85 ≈ 1.08% de los hombres
Deuteranomalía #999e87 ≈ 4.63% de los hombres
Tritanomalía #8ca192 ≈ 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-8ca286 {
  color: #8ca286;
}
Fondo
.bg-8ca286 {
  background-color: #8ca286;
  color: #000000;
}
Borde
.border-8ca286 {
  border: 2px solid #8ca286;
}
Variables CSS
:root {
  --color-primary: #8ca286;
  --color-primary-rgb: 140 162 134;
  --color-primary-hsl: 107 13% 58%;
}
Degradado
.gradient-8ca286 {
  background: linear-gradient(135deg, #8ca286, #86a28e);
}
Sombra de color
.shadow-8ca286 {
  box-shadow: 0 8px 24px rgb(140 162 134 / 0.35);
}

#87a96b Asparagus ΔE 8.82 #8fbc8f Dark Sea Green ΔE 8.92 #8a9a5b Moss Green ΔE 10.14 #738678 Xanadu ΔE 10.30 #9ab973 Olivine ΔE 11.57 #b2beb5 Ash Gray ΔE 12.16 #a8c3bc Opal ΔE 12.63 #735d79 Invertido #9c9c9c Escala de grises 

Asparagus
#8ca286  rgb(140, 162, 134)  hsl(107, 13%, 58%)  Asparagus
#9c86a2  rgb(156, 134, 162)  hsl(287, 13%, 58%)  Mountbatten Pink
#868ca2  rgb(134, 140, 162)  hsl(227, 13%, 58%)  Cool Gray
#a2868c  rgb(162, 134, 140)  hsl(347, 13%, 58%)  Mountbatten Pink