ColorTool
Iniciar sesión
#5CE196

#5ce196 ≈ Medium Spring Green

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

#5ce196 es un color de la familia verde, con luminosidad alta y saturación fuerte. En el modelo RGB se compone de 36,08% de rojo, 88,24% de verde y 58,82% de azul; impreso en CMYK usa 59,11% de cian, 0% de magenta, 33,33% de amarillo y 11,76% de negro. Su ángulo de tono es 146,17°, con 68,91% de saturación y 62,16% 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 12,67:1 (WCAG AAA). El color con nombre más cercano es Medium Spring Green (#00fa9a), ΔE 6,27.

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

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

Complementario

  1. #5ce196
  2. #e15ca7

Complementario dividido

  1. #5ce196
  2. #d95ce1
  3. #e15c65

Análogo

  1. #65e15c
  2. #5ce196
  3. #5ce1d9

Triádico

  1. #5ce196
  2. #965ce1
  3. #e1965c

Tetrádico

  1. #5ce196
  2. #5ca7e1
  3. #e15ca7
  4. #e1965c

Cuadrado

  1. #5ce196
  2. #5c65e1
  3. #e15ca7
  4. #e1d95c

Monocromático

  1. #198b4b
  2. #25cb6e
  3. #5ce196
  4. #9dedc0
  5. #ddf9e9

Sombras

#5ce196 mezclado progresivamente con negro.

  1. #5ce196
  2. #53cb87
  3. #4ab478
  4. #409e69
  5. #37875a
  6. #2e714b
  7. #255a3c
  8. #1c442d
  9. #122d1e
  10. #09170f
  11. #000000

Tintes

#5ce196 mezclado progresivamente con blanco.

  1. #5ce196
  2. #6ce4a1
  3. #7de7ab
  4. #8deab6
  5. #9dedc0
  6. #aef0cb
  7. #bef3d5
  8. #cef6e0
  9. #def9ea
  10. #effcf5
  11. #ffffff

Tonos

#5ce196 mezclado progresivamente con gris.

  1. #5ce196
  2. #60d794
  3. #63ce92
  4. #67c48f
  5. #6aba8d
  6. #6eb18b
  7. #72a789
  8. #759d87
  9. #799384
  10. #7c8a82
  11. #808080

Texto legible 1.66:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legible 12.67:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #c9c9c9 ≈ 0.003% de los hombres
Acromatomalía #a8d3b7 ≈ 0.001% de los hombres
Protanopía #e0d191 ≈ 1.01% de los hombres
Deuteranopía #cec49b ≈ 1.27% de los hombres
Tritanopía #29dfcd ≈ 0.0001% de los hombres
Protanomalía #bad793 ≈ 1.08% de los hombres
Deuteranomalía #acd099 ≈ 4.63% de los hombres
Tritanomalía #43e0ba ≈ 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-5ce196 {
  color: #5ce196;
}
Fondo
.bg-5ce196 {
  background-color: #5ce196;
  color: #000000;
}
Borde
.border-5ce196 {
  border: 2px solid #5ce196;
}
Variables CSS
:root {
  --color-primary: #5ce196;
  --color-primary-rgb: 92 225 150;
  --color-primary-hsl: 146 69% 62%;
}
Degradado
.gradient-5ce196 {
  background: linear-gradient(135deg, #5ce196, #5ce1d9);
}
Sombra de color
.shadow-5ce196 {
  box-shadow: 0 8px 24px rgb(92 225 150 / 0.35);
}

#00fa9a Medium Spring Green ΔE 6.27 #77dd77 Pastel Green ΔE 6.37 #50c878 Emerald ΔE 6.40 #90ee90 Light Green ΔE 6.88 #00cc99 Caribbean Green ΔE 8.03 #a8e4a0 Granny Smith Apple ΔE 8.57 #98fb98 Pale Green ΔE 8.69 #a31e69 Invertido #c9c9c9 Escala de grises 

Medium Spring Green
#5ce196  rgb(92, 225, 150)  hsl(146, 69%, 62%)  Medium Spring Green
#e15ca7  rgb(225, 92, 167)  hsl(326, 69%, 62%)  Thulian Pink
#965ce1  rgb(150, 92, 225)  hsl(266, 69%, 62%)  Amethyst
#e1965c  rgb(225, 150, 92)  hsl(26, 69%, 62%)  Persian Orange