ColorTool
Se connecter
#7AA364

#7aa364 ≈ Asparagus

  • vert
  • Luminosité: moyenne
  • Saturation: atténuée
  • Équilibrée
Vérifier le contraste Explorer dans le graphe Couleur aléatoire

#7aa364 est une couleur de la famille « vert », avec une luminosité moyenne et une saturation atténuée. Dans le modèle RGB, elle se compose de 47,84 % de rouge, 63,92 % de vert et 39,22 % de bleu ; imprimée en CMJN, elle utilise 25,15 % de cyan, 0 % de magenta, 38,65 % de jaune et 36,08 % de noir. Son angle de teinte est de 99,05°, avec 25,51 % de saturation et 51,57 % de luminosité en HSL. Elle se situe entre chaud et froid et est souvent associée à la nature, la santé et l’équilibre. Les designers l’utilisent souvent pour les marques écologiques, la santé et le bien-être et les accents de marque. Un texte noir sur cette couleur atteint un rapport de contraste de 7,25:1 (WCAG AAA). La couleur nommée la plus proche est Asparagus (#87a96b), ΔE 2,68.

Description générée à partir des propriétés mesurées de cette couleur.

HEX
RGB
RGB en pourcentage
CMY
CMYK
HSL
HSV / HSB
Web sûr#669966
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binaire
Décimal
Luminance relative0.3125

Complémentaire

  1. #7aa364
  2. #8d64a3

Complémentaire divisé

  1. #7aa364
  2. #6e64a3
  3. #a3649a

Analogue

  1. #9aa364
  2. #7aa364
  3. #64a36e

Triadique

  1. #7aa364
  2. #647aa3
  3. #a3647a

Tétradique

  1. #7aa364
  2. #64a38d
  3. #8d64a3
  4. #a3647a

Carré

  1. #7aa364
  2. #649aa3
  3. #8d64a3
  4. #a36e64

Monochrome

  1. #334529
  2. #567545
  3. #7aa364
  4. #a3bf94
  5. #ccdcc4

Ombres

#7aa364 mélangé progressivement avec du noir.

  1. #7aa364
  2. #6e935a
  3. #628250
  4. #557246
  5. #49623c
  6. #3d5232
  7. #314128
  8. #25311e
  9. #182114
  10. #0c100a
  11. #000000

Teintes

#7aa364 mélangé progressivement avec du blanc.

  1. #7aa364
  2. #87ac74
  3. #95b583
  4. #a2bf93
  5. #afc8a2
  6. #bdd1b2
  7. #cadac1
  8. #d7e3d1
  9. #e4ede0
  10. #f2f6f0
  11. #ffffff

Tons

#7aa364 mélangé progressivement avec du gris.

  1. #7aa364
  2. #7ba067
  3. #7b9c6a
  4. #7c996c
  5. #7c956f
  6. #7d9272
  7. #7e8e75
  8. #7e8b78
  9. #7f877a
  10. #7f847d
  11. #808080

Texte lisible 2.9:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texte lisible 7.25:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #989898 ≈ 0.003% des hommes
Achromatomalie #8d9c86 ≈ 0.001% des hommes
Protanopie #a89a5f ≈ 1.01% des hommes
Deutéranopie #a19667 ≈ 1.27% des hommes
Tritanopie #7a9f93 ≈ 0.0001% des hommes
Protanomalie #979e61 ≈ 1.08% des hommes
Deutéranomalie #939c66 ≈ 4.63% des hommes
Tritanomalie #7aa083 ≈ 0.0002% des hommes
Simuler sur votre propre image

Texte de cette couleur

Fond de cette couleur

Bordure de cette couleur

Couleur du texte
.text-7aa364 {
  color: #7aa364;
}
Arrière-plan
.bg-7aa364 {
  background-color: #7aa364;
  color: #000000;
}
Bordure
.border-7aa364 {
  border: 2px solid #7aa364;
}
Variables CSS
:root {
  --color-primary: #7aa364;
  --color-primary-rgb: 122 163 100;
  --color-primary-hsl: 99 26% 52%;
}
Dégradé
.gradient-7aa364 {
  background: linear-gradient(135deg, #7aa364, #64a36e);
}
Ombre colorée
.shadow-7aa364 {
  box-shadow: 0 8px 24px rgb(122 163 100 / 0.35);
}

#87a96b Asparagus ΔE 2.68 #8a9a5b Moss Green ΔE 6.06 #9ab973 Olivine ΔE 7.52 #8fbc8f Dark Sea Green ΔE 8.96 #93c572 Pistachio ΔE 9.79 #74c365 Mantis ΔE 9.89 #3cb371 Medium Sea Green ΔE 10.08 #855c9b Inversée #989898 Niveaux de gris 

Asparagus
#7aa364  rgb(122, 163, 100)  hsl(99, 26%, 52%)  Asparagus
#8d64a3  rgb(141, 100, 163)  hsl(279, 26%, 52%)  Purple Mountain Majesty
#647aa3  rgb(100, 122, 163)  hsl(219, 26%, 52%)  Glaucous
#a3647a  rgb(163, 100, 122)  hsl(339, 26%, 52%)  Mauve Taupe