ColorTool
Iniciar sesión
#7CCAA2

#7ccaa2 ≈ Medium Aquamarine

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

#7ccaa2 es un color de la familia verde, con luminosidad alta y saturación moderada. En el modelo RGB se compone de 48,63% de rojo, 79,22% de verde y 63,53% de azul; impreso en CMYK usa 38,61% de cian, 0% de magenta, 19,8% de amarillo y 20,78% de negro. Su ángulo de tono es 149,23°, con 42,39% de saturación y 63,92% 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 10,83:1 (WCAG AAA). El color con nombre más cercano es Medium Aquamarine (#66cdaa), ΔE 3,63.

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.4913

Complementario

  1. #7ccaa2
  2. #ca7ca4

Complementario dividido

  1. #7ccaa2
  2. #c97cca
  3. #ca7c7d

Análogo

  1. #7dca7c
  2. #7ccaa2
  3. #7ccac9

Triádico

  1. #7ccaa2
  2. #a27cca
  3. #caa27c

Tetrádico

  1. #7ccaa2
  2. #7ca4ca
  3. #ca7ca4
  4. #caa27c

Cuadrado

  1. #7ccaa2
  2. #7c7dca
  3. #ca7ca4
  4. #cac97c

Monocromático

  1. #327b56
  2. #48b27b
  3. #7ccaa2
  4. #b2e0c9
  5. #e9f6ef

Sombras

#7ccaa2 mezclado progresivamente con negro.

  1. #7ccaa2
  2. #70b692
  3. #63a282
  4. #578d71
  5. #4a7961
  6. #3e6551
  7. #325141
  8. #253d31
  9. #192820
  10. #0c1410
  11. #000000

Tintes

#7ccaa2 mezclado progresivamente con blanco.

  1. #7ccaa2
  2. #89cfab
  3. #96d5b5
  4. #a3dabe
  5. #b0dfc7
  6. #bee5d1
  7. #cbeada
  8. #d8efe3
  9. #e5f4ec
  10. #f2faf6
  11. #ffffff

Tonos

#7ccaa2 mezclado progresivamente con gris.

  1. #7ccaa2
  2. #7cc39f
  3. #7dbb9b
  4. #7db498
  5. #7eac94
  6. #7ea591
  7. #7e9e8e
  8. #7f968a
  9. #7f8f87
  10. #808783
  11. #808080

Texto legible 1.94:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legible 10.83:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #bababa ≈ 0.003% de los hombres
Acromatomalía #a5c1b1 ≈ 0.001% de los hombres
Protanopía #c8bfa0 ≈ 1.01% de los hombres
Deuteranopía #bcb7a4 ≈ 1.27% de los hombres
Tritanopía #6ac9bf ≈ 0.0001% de los hombres
Protanomalía #afc4a1 ≈ 1.08% de los hombres
Deuteranomalía #a6bfa3 ≈ 4.63% de los hombres
Tritanomalía #71cab4 ≈ 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-7ccaa2 {
  color: #7ccaa2;
}
Fondo
.bg-7ccaa2 {
  background-color: #7ccaa2;
  color: #000000;
}
Borde
.border-7ccaa2 {
  border: 2px solid #7ccaa2;
}
Variables CSS
:root {
  --color-primary: #7ccaa2;
  --color-primary-rgb: 124 202 162;
  --color-primary-hsl: 149 42% 64%;
}
Degradado
.gradient-7ccaa2 {
  background: linear-gradient(135deg, #7ccaa2, #7ccac9);
}
Sombra de color
.shadow-7ccaa2 {
  box-shadow: 0 8px 24px rgb(124 202 162 / 0.35);
}

#66cdaa Medium Aquamarine ΔE 3.63 #8fbc8f Dark Sea Green ΔE 6.51 #9fe2bf Seafoam Green ΔE 6.71 #00cc99 Caribbean Green ΔE 7.61 #3eb489 Mint ΔE 8.22 #ace1af Celadon ΔE 8.32 #50c878 Emerald ΔE 9.01 #83355d Invertido #bababa Escala de grises 

Medium Aquamarine
#7ccaa2  rgb(124, 202, 162)  hsl(149, 42%, 64%)  Medium Aquamarine
#ca7ca4  rgb(202, 124, 164)  hsl(329, 42%, 64%)  Thulian Pink
#a27cca  rgb(162, 124, 202)  hsl(269, 42%, 64%)  Purple Mountain Majesty
#caa27c  rgb(202, 162, 124)  hsl(29, 42%, 64%)  Camel