ColorTool
Se connecter
#5F8F4E

#5f8f4e ≈ Sap Green

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

#5f8f4e est une couleur de la famille « vert », avec une luminosité moyenne et une saturation modérée. Dans le modèle RGB, elle se compose de 37,25 % de rouge, 56,08 % de vert et 30,59 % de bleu ; imprimée en CMJN, elle utilise 33,57 % de cyan, 0 % de magenta, 45,45 % de jaune et 43,92 % de noir. Son angle de teinte est de 104,31°, avec 29,41 % de saturation et 43,33 % 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 5,53:1 (WCAG AA). La couleur nommée la plus proche est Sap Green (#507d2a), ΔE 8.

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

Complémentaire

  1. #5f8f4e
  2. #7e4e8f

Complémentaire divisé

  1. #5f8f4e
  2. #5d4e8f
  3. #8f4e7f

Analogue

  1. #7f8f4e
  2. #5f8f4e
  3. #4e8f5d

Triadique

  1. #5f8f4e
  2. #4e5f8f
  3. #8f4e5f

Tétradique

  1. #5f8f4e
  2. #4e8f7e
  3. #7e4e8f
  4. #8f4e5f

Carré

  1. #5f8f4e
  2. #4e7f8f
  3. #7e4e8f
  4. #8f5d4e

Monochrome

  1. #1d2c18
  2. #3e5d33
  3. #5f8f4e
  4. #86b475
  5. #b1cfa7

Ombres

#5f8f4e mélangé progressivement avec du noir.

  1. #5f8f4e
  2. #568146
  3. #4c723e
  4. #436437
  5. #39562f
  6. #304827
  7. #26391f
  8. #1d2b17
  9. #131d10
  10. #0a0e08
  11. #000000

Teintes

#5f8f4e mélangé progressivement avec du blanc.

  1. #5f8f4e
  2. #6f9a60
  3. #7fa571
  4. #8fb183
  5. #9fbc95
  6. #afc7a7
  7. #bfd2b8
  8. #cfddca
  9. #dfe9dc
  10. #eff4ed
  11. #ffffff

Tons

#5f8f4e mélangé progressivement avec du gris.

  1. #5f8f4e
  2. #628e53
  3. #668c58
  4. #698b5d
  5. #6c8962
  6. #708867
  7. #73866c
  8. #768571
  9. #798376
  10. #7d827b
  11. #808080

Texte lisible 3.8:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texte lisible 5.53:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Achromatopsie #838383 ≈ 0.003% des hommes
Achromatomalie #768871 ≈ 0.001% des hommes
Protanopie #938649 ≈ 1.01% des hommes
Deutéranopie #8c8152 ≈ 1.27% des hommes
Tritanopie #5d8b7f ≈ 0.0001% des hommes
Protanomalie #81894b ≈ 1.08% des hommes
Deutéranomalie #7c8750 ≈ 4.63% des hommes
Tritanomalie #5e8d6f ≈ 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-5f8f4e {
  color: #5f8f4e;
}
Arrière-plan
.bg-5f8f4e {
  background-color: #5f8f4e;
  color: #000000;
}
Bordure
.border-5f8f4e {
  border: 2px solid #5f8f4e;
}
Variables CSS
:root {
  --color-primary: #5f8f4e;
  --color-primary-rgb: 95 143 78;
  --color-primary-hsl: 104 29% 43%;
}
Dégradé
.gradient-5f8f4e {
  background: linear-gradient(135deg, #5f8f4e, #4e8f5d);
}
Ombre colorée
.shadow-5f8f4e {
  box-shadow: 0 8px 24px rgb(95 143 78 / 0.35);
}

#507d2a Sap Green ΔE 8.00 #2e8b57 Sea Green ΔE 8.01 #4f7942 Fern Green ΔE 8.26 #6b8e23 Olive Drab ΔE 8.28 #228b22 Forest Green ΔE 8.56 #8a9a5b Moss Green ΔE 9.14 #87a96b Asparagus ΔE 9.85 #a070b1 Inversée #838383 Niveaux de gris 

Sap Green
#5f8f4e  rgb(95, 143, 78)  hsl(104, 29%, 43%)  Sap Green
#7e4e8f  rgb(126, 78, 143)  hsl(284, 29%, 43%)  Deep Plum
#4e5f8f  rgb(78, 95, 143)  hsl(224, 29%, 43%)  Queen Blue
#8f4e5f  rgb(143, 78, 95)  hsl(344, 29%, 43%)  Mauve Taupe