ColorTool
Se connecter
#8FA772

#8fa772 ≈ Asparagus

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

#8fa772 est une couleur de la famille « vert-jaune », avec une luminosité moyenne et une saturation atténuée. Dans le modèle RGB, elle se compose de 56,08 % de rouge, 65,49 % de vert et 44,71 % de bleu ; imprimée en CMJN, elle utilise 14,37 % de cyan, 0 % de magenta, 31,74 % de jaune et 34,51 % de noir. Son angle de teinte est de 87,17°, avec 23,14 % de saturation et 55,1 % 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,94:1 (WCAG AAA). La couleur nommée la plus proche est Asparagus (#87a96b), ΔE 2,65.

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

Complémentaire

  1. #8fa772
  2. #8a72a7

Complémentaire divisé

  1. #8fa772
  2. #7275a7
  3. #a472a7

Analogue

  1. #a7a472
  2. #8fa772
  3. #75a772

Triadique

  1. #8fa772
  2. #728fa7
  3. #a7728f

Tétradique

  1. #8fa772
  2. #72a78a
  3. #8a72a7
  4. #a7728f

Carré

  1. #8fa772
  2. #72a7a4
  3. #8a72a7
  4. #a77275

Monochrome

  1. #414f31
  2. #687e4f
  3. #8fa772
  4. #b4c4a1
  5. #dae2d0

Ombres

#8fa772 mélangé progressivement avec du noir.

  1. #8fa772
  2. #819667
  3. #72865b
  4. #647550
  5. #566444
  6. #485439
  7. #39432e
  8. #2b3222
  9. #1d2117
  10. #0e110b
  11. #000000

Teintes

#8fa772 mélangé progressivement avec du blanc.

  1. #8fa772
  2. #9ab080
  3. #a5b98e
  4. #b1c19c
  5. #bccaaa
  6. #c7d3b9
  7. #d2dcc7
  8. #dde5d5
  9. #e9ede3
  10. #f4f6f1
  11. #ffffff

Tons

#8fa772 mélangé progressivement avec du gris.

  1. #8fa772
  2. #8ea373
  3. #8c9f75
  4. #8b9b76
  5. #899778
  6. #889479
  7. #86907a
  8. #858c7c
  9. #83887d
  10. #82847f
  11. #808080

Texte lisible 2.65:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texte lisible 7.94:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #9f9f9f ≈ 0.003% des hommes
Achromatomalie #99a28f ≈ 0.001% des hommes
Protanopie #aca06e ≈ 1.01% des hommes
Deutéranopie #a99f75 ≈ 1.27% des hommes
Tritanopie #91a299 ≈ 0.0001% des hommes
Protanomalie #a1a370 ≈ 1.08% des hommes
Deutéranomalie #9fa274 ≈ 4.63% des hommes
Tritanomalie #90a48b ≈ 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-8fa772 {
  color: #8fa772;
}
Arrière-plan
.bg-8fa772 {
  background-color: #8fa772;
  color: #000000;
}
Bordure
.border-8fa772 {
  border: 2px solid #8fa772;
}
Variables CSS
:root {
  --color-primary: #8fa772;
  --color-primary-rgb: 143 167 114;
  --color-primary-hsl: 87 23% 55%;
}
Dégradé
.gradient-8fa772 {
  background: linear-gradient(135deg, #8fa772, #75a772);
}
Ombre colorée
.shadow-8fa772 {
  box-shadow: 0 8px 24px rgb(143 167 114 / 0.35);
}

#87a96b Asparagus ΔE 2.65 #8a9a5b Moss Green ΔE 5.22 #9ab973 Olivine ΔE 5.79 #8fbc8f Dark Sea Green ΔE 7.64 #93c572 Pistachio ΔE 9.52 #bcb88a Sage ΔE 10.67 #74c365 Mantis ΔE 11.42 #70588d Inversée #9f9f9f Niveaux de gris 

Asparagus
#8fa772  rgb(143, 167, 114)  hsl(87, 23%, 55%)  Asparagus
#8a72a7  rgb(138, 114, 167)  hsl(267, 23%, 55%)  Purple Mountain Majesty
#728fa7  rgb(114, 143, 167)  hsl(207, 23%, 55%)  Light Slate Gray
#a7728f  rgb(167, 114, 143)  hsl(327, 23%, 55%)  Mountbatten Pink