ColorTool
Se connecter
#7AAA44

#7aaa44 ≈ Asparagus

  • vert-jaune
  • Luminosité: moyenne
  • Saturation: modérée
  • Équilibrée
Vérifier le contraste Explorer dans le graphe Couleur aléatoire

#7aaa44 est une couleur de la famille « vert-jaune », avec une luminosité moyenne et une saturation modérée. Dans le modèle RGB, elle se compose de 47,84 % de rouge, 66,67 % de vert et 26,67 % de bleu ; imprimée en CMJN, elle utilise 28,24 % de cyan, 0 % de magenta, 60 % de jaune et 33,33 % de noir. Son angle de teinte est de 88,24°, avec 42,86 % de saturation et 46,67 % de luminosité en HSL. Elle se situe entre chaud et froid et est souvent associée à la fraîcheur, la croissance et la vitalité. 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,66:1 (WCAG AAA). La couleur nommée la plus proche est Asparagus (#87a96b), ΔE 6,86.

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#669933
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binaire
Décimal
Luminance relative0.333

Complémentaire

  1. #7aaa44
  2. #7444aa

Complémentaire divisé

  1. #7aaa44
  2. #4447aa
  3. #a744aa

Analogue

  1. #aaa744
  2. #7aaa44
  3. #47aa44

Triadique

  1. #7aaa44
  2. #447aaa
  3. #aa447a

Tétradique

  1. #7aaa44
  2. #44aa74
  3. #7444aa
  4. #aa447a

Carré

  1. #7aaa44
  2. #44aaa7
  3. #7444aa
  4. #aa4447

Monochrome

  1. #2c3d18
  2. #53732e
  3. #7aaa44
  4. #a0c773
  5. #c5ddaa

Ombres

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

  1. #7aaa44
  2. #6e993d
  3. #628836
  4. #557730
  5. #496629
  6. #3d5522
  7. #31441b
  8. #253314
  9. #18220e
  10. #0c1107
  11. #000000

Teintes

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

  1. #7aaa44
  2. #87b357
  3. #95bb69
  4. #a2c47c
  5. #afcc8f
  6. #bdd5a2
  7. #caddb4
  8. #d7e6c7
  9. #e4eeda
  10. #f2f7ec
  11. #ffffff

Tons

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

  1. #7aaa44
  2. #7ba64a
  3. #7ba250
  4. #7c9d56
  5. #7c995c
  6. #7d9562
  7. #7e9168
  8. #7e8d6e
  9. #7f8874
  10. #7f847a
  11. #808080

Texte lisible 2.74:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texte lisible 7.66:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #9c9c9c ≈ 0.003% des hommes
Achromatomalie #90a282 ≈ 0.001% des hommes
Protanopie #b19e39 ≈ 1.01% des hommes
Deutéranopie #aa9b4b ≈ 1.27% des hommes
Tritanopie #7ca394 ≈ 0.0001% des hommes
Protanomalie #9ea33e ≈ 1.08% des hommes
Deutéranomalie #99a148 ≈ 4.63% des hommes
Tritanomalie #7ba67c ≈ 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-7aaa44 {
  color: #7aaa44;
}
Arrière-plan
.bg-7aaa44 {
  background-color: #7aaa44;
  color: #000000;
}
Bordure
.border-7aaa44 {
  border: 2px solid #7aaa44;
}
Variables CSS
:root {
  --color-primary: #7aaa44;
  --color-primary-rgb: 122 170 68;
  --color-primary-hsl: 88 43% 47%;
}
Dégradé
.gradient-7aaa44 {
  background: linear-gradient(135deg, #7aaa44, #47aa44);
}
Ombre colorée
.shadow-7aaa44 {
  box-shadow: 0 8px 24px rgb(122 170 68 / 0.35);
}

#87a96b Asparagus ΔE 6.86 #9ab973 Olivine ΔE 7.88 #4cbb17 Kelly Green ΔE 8.08 #8db600 Apple Green ΔE 8.08 #74c365 Mantis ΔE 8.17 #8a9a5b Moss Green ΔE 8.41 #93c572 Pistachio ΔE 8.59 #8555bb Inversée #9c9c9c Niveaux de gris 

Asparagus
#7aaa44  rgb(122, 170, 68)  hsl(88, 43%, 47%)  Asparagus
#7444aa  rgb(116, 68, 170)  hsl(268, 43%, 47%)  Royal Purple
#447aaa  rgb(68, 122, 170)  hsl(208, 43%, 47%)  Steel Blue
#aa447a  rgb(170, 68, 122)  hsl(328, 43%, 47%)  Mulberry