ColorTool
Iniciar sesión
#A3F691

#a3f691 ≈ Pale Green

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

#a3f691 es un color de la familia verde, con luminosidad alta y saturación moderada. En el modelo RGB se compone de 63,92% de rojo, 96,47% de verde y 56,86% de azul; impreso en CMYK usa 33,74% de cian, 0% de magenta, 41,06% de amarillo y 3,53% de negro. Su ángulo de tono es 109,31°, con 84,87% de saturación y 76,67% 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 paletas pastel suaves. El texto negro sobre este color alcanza una relación de contraste de 16,15:1 (WCAG AAA). El color con nombre más cercano es Pale Green (#98fb98), ΔE 2,22.

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

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

Complementario

  1. #a3f691
  2. #e491f6

Complementario dividido

  1. #a3f691
  2. #b291f6
  3. #f691d5

Análogo

  1. #d5f691
  2. #a3f691
  3. #91f6b2

Triádico

  1. #a3f691
  2. #91a3f6
  3. #f691a3

Tetrádico

  1. #a3f691
  2. #91f6e4
  3. #e491f6
  4. #f691a3

Cuadrado

  1. #a3f691
  2. #91d5f6
  3. #e491f6
  4. #f6b291

Monocromático

  1. #36dc12
  2. #68f04a
  3. #a3f691
  4. #defcd8
  5. #effdec

Sombras

#a3f691 mezclado progresivamente con negro.

  1. #a3f691
  2. #93dd83
  3. #82c574
  4. #72ac66
  5. #629457
  6. #527b49
  7. #41623a
  8. #314a2c
  9. #21311d
  10. #10190f
  11. #000000

Tintes

#a3f691 mezclado progresivamente con blanco.

  1. #a3f691
  2. #acf79c
  3. #b5f8a7
  4. #bff9b2
  5. #c8fabd
  6. #d1fbc8
  7. #dafbd3
  8. #e3fcde
  9. #edfde9
  10. #f6fef4
  11. #ffffff

Tonos

#a3f691 mezclado progresivamente con gris.

  1. #a3f691
  2. #a0ea8f
  3. #9cde8e
  4. #99d38c
  5. #95c78a
  6. #92bb89
  7. #8eaf87
  8. #8ba385
  9. #879883
  10. #848c82
  11. #808080

Texto legible 1.3:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legible 16.15:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #e2e2e2 ≈ 0.003% de los hombres
Acromatomalía #cceac6 ≈ 0.001% de los hombres
Protanopía #fbe689 ≈ 1.01% de los hombres
Deuteranopía #efdf97 ≈ 1.27% de los hombres
Tritanopía #9df0dd ≈ 0.0001% de los hombres
Protanomalía #deed8d ≈ 1.08% de los hombres
Deuteranomalía #d5e895 ≈ 4.63% de los hombres
Tritanomalía #a0f2c3 ≈ 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-a3f691 {
  color: #a3f691;
}
Fondo
.bg-a3f691 {
  background-color: #a3f691;
  color: #000000;
}
Borde
.border-a3f691 {
  border: 2px solid #a3f691;
}
Variables CSS
:root {
  --color-primary: #a3f691;
  --color-primary-rgb: 163 246 145;
  --color-primary-hsl: 109 85% 77%;
}
Degradado
.gradient-a3f691 {
  background: linear-gradient(135deg, #a3f691, #91f6b2);
}
Sombra de color
.shadow-a3f691 {
  box-shadow: 0 8px 24px rgb(163 246 145 / 0.35);
}

#98fb98 Pale Green ΔE 2.22 #98ff98 Mint Green ΔE 2.67 #90ee90 Light Green ΔE 2.89 #a8e4a0 Granny Smith Apple ΔE 6.27 #77dd77 Pastel Green ΔE 6.67 #b2ec5d Inchworm ΔE 8.15 #00ff7f Spring Green ΔE 9.04 #5c096e Invertido #e2e2e2 Escala de grises 

Pale Green
#a3f691  rgb(163, 246, 145)  hsl(109, 85%, 77%)  Pale Green
#e491f6  rgb(228, 145, 246)  hsl(289, 85%, 77%)  Violet
#91a3f6  rgb(145, 163, 246)  hsl(229, 85%, 77%)  Cornflower Blue
#f691a3  rgb(246, 145, 163)  hsl(349, 85%, 77%)  Salmon Pink