ColorTool
Se connecter
#4E7F18

#4e7f18 ≈ Sap Green

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

#4e7f18 est une couleur de la famille « vert-jaune », avec une luminosité faible et une saturation modérée. Dans le modèle RGB, elle se compose de 30,59 % de rouge, 49,8 % de vert et 9,41 % de bleu ; imprimée en CMJN, elle utilise 38,58 % de cyan, 0 % de magenta, 81,1 % de jaune et 50,2 % de noir. Son angle de teinte est de 88,54°, avec 68,21 % de saturation et 29,61 % 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 marques de luxe. Un texte blanc sur cette couleur atteint un rapport de contraste de 4,8:1 (WCAG AA). La couleur nommée la plus proche est Sap Green (#507d2a), ΔE 2,55.

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

Complémentaire

  1. #4e7f18
  2. #49187f

Complémentaire divisé

  1. #4e7f18
  2. #181b7f
  3. #7d187f

Analogue

  1. #7f7d18
  2. #4e7f18
  3. #1b7f18

Triadique

  1. #4e7f18
  2. #184e7f
  3. #7f184e

Tétradique

  1. #4e7f18
  2. #187f49
  3. #49187f
  4. #7f184e

Carré

  1. #4e7f18
  2. #187f7d
  3. #49187f
  4. #7f181b

Monochrome

  1. #0b1103
  2. #263f0c
  3. #4e7f18
  4. #76bf24
  5. #9bde52

Ombres

#4e7f18 mélangé progressivement avec du noir.

  1. #4e7f18
  2. #467216
  3. #3e6613
  4. #375911
  5. #2f4c0e
  6. #27400c
  7. #1f330a
  8. #172607
  9. #101905
  10. #080d02
  11. #000000

Teintes

#4e7f18 mélangé progressivement avec du blanc.

  1. #4e7f18
  2. #608c2f
  3. #719946
  4. #83a55d
  5. #95b274
  6. #a7bf8c
  7. #b8cca3
  8. #cad9ba
  9. #dce5d1
  10. #edf2e8
  11. #ffffff

Tons

#4e7f18 mélangé progressivement avec du gris.

  1. #4e7f18
  2. #537f22
  3. #587f2d
  4. #5d7f37
  5. #627f42
  6. #67804c
  7. #6c8056
  8. #718061
  9. #76806b
  10. #7b8076
  11. #808080

Texte lisible 4.8:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texte lisible 4.37:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Achromatopsie #727272 ≈ 0.003% des hommes
Achromatomalie #66775b ≈ 0.001% des hommes
Protanopie #857500 ≈ 1.01% des hommes
Deutéranopie #7e7123 ≈ 1.27% des hommes
Tritanopie #4f7a6c ≈ 0.0001% des hommes
Protanomalie #73790a ≈ 1.08% des hommes
Deutéranomalie #6e771f ≈ 4.63% des hommes
Tritanomalie #4e7c56 ≈ 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-4e7f18 {
  color: #4e7f18;
}
Arrière-plan
.bg-4e7f18 {
  background-color: #4e7f18;
  color: #ffffff;
}
Bordure
.border-4e7f18 {
  border: 2px solid #4e7f18;
}
Variables CSS
:root {
  --color-primary: #4e7f18;
  --color-primary-rgb: 78 127 24;
  --color-primary-hsl: 89 68% 30%;
}
Dégradé
.gradient-4e7f18 {
  background: linear-gradient(135deg, #4e7f18, #1b7f18);
}
Ombre colorée
.shadow-4e7f18 {
  box-shadow: 0 8px 24px rgb(78 127 24 / 0.35);
}

#507d2a Sap Green ΔE 2.55 #568203 Avocado ΔE 2.80 #138808 India Green ΔE 6.55 #008000 Green ΔE 6.65 #228b22 Forest Green ΔE 6.95 #6b8e23 Olive Drab ΔE 7.19 #4f7942 Fern Green ΔE 8.01 #b180e7 Inversée #727272 Niveaux de gris 

Sap Green
#4e7f18  rgb(78, 127, 24)  hsl(89, 68%, 30%)  Sap Green
#49187f  rgb(73, 24, 127)  hsl(269, 68%, 30%)  Indigo
#184e7f  rgb(24, 78, 127)  hsl(209, 68%, 30%)  Yale Blue
#7f184e  rgb(127, 24, 78)  hsl(329, 68%, 30%)  Pansy Purple