ColorTool
Se connecter
#64E136

#64e136 ≈ Lime Green

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

#64e136 est une couleur de la famille « vert », avec une luminosité moyenne et une saturation forte. Dans le modèle RGB, elle se compose de 39,22 % de rouge, 88,24 % de vert et 21,18 % de bleu ; imprimée en CMJN, elle utilise 55,56 % de cyan, 0 % de magenta, 76 % de jaune et 11,76 % de noir. Son angle de teinte est de 103,86°, avec 74,03 % de saturation et 54,71 % 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 12,37:1 (WCAG AAA). La couleur nommée la plus proche est Lime Green (#32cd32), ΔE 5,97.

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

Complémentaire

  1. #64e136
  2. #b336e1

Complémentaire divisé

  1. #64e136
  2. #5e36e1
  3. #e136ba

Analogue

  1. #bae136
  2. #64e136
  3. #36e15e

Triadique

  1. #64e136
  2. #3664e1
  3. #e13664

Tétradique

  1. #64e136
  2. #36e1b3
  3. #b336e1
  4. #e13664

Carré

  1. #64e136
  2. #36bae1
  3. #b336e1
  4. #e15e36

Monochrome

  1. #296e10
  2. #43b01a
  3. #64e136
  4. #97eb79
  5. #cbf5bb

Ombres

#64e136 mélangé progressivement avec du noir.

  1. #64e136
  2. #5acb31
  3. #50b42b
  4. #469e26
  5. #3c8720
  6. #32711b
  7. #285a16
  8. #1e4410
  9. #142d0b
  10. #0a1705
  11. #000000

Teintes

#64e136 mélangé progressivement avec du blanc.

  1. #64e136
  2. #74e44a
  3. #83e75e
  4. #93ea72
  5. #a2ed86
  6. #b2f09b
  7. #c1f3af
  8. #d1f6c3
  9. #e0f9d7
  10. #f0fceb
  11. #ffffff

Tons

#64e136 mélangé progressivement avec du gris.

  1. #64e136
  2. #67d73d
  3. #6ace45
  4. #6cc44c
  5. #6fba54
  6. #72b15b
  7. #75a762
  8. #789d6a
  9. #7a9371
  10. #7d8a79
  11. #808080

Texte lisible 1.7:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texte lisible 12.37:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #c7c7c7 ≈ 0.003% des hommes
Achromatomalie #a8d2a1 ≈ 0.001% des hommes
Protanopie #e8cd07 ≈ 1.01% des hommes
Deutéranopie #d8c349 ≈ 1.27% des hommes
Tritanopie #57d9c1 ≈ 0.0001% des hommes
Protanomalie #c1d522 ≈ 1.08% des hommes
Deutéranomalie #b5d042 ≈ 4.63% des hommes
Tritanomalie #5ddc9c ≈ 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-64e136 {
  color: #64e136;
}
Arrière-plan
.bg-64e136 {
  background-color: #64e136;
  color: #000000;
}
Bordure
.border-64e136 {
  border: 2px solid #64e136;
}
Variables CSS
:root {
  --color-primary: #64e136;
  --color-primary-rgb: 100 225 54;
  --color-primary-hsl: 104 74% 55%;
}
Dégradé
.gradient-64e136 {
  background: linear-gradient(135deg, #64e136, #36e15e);
}
Ombre colorée
.shadow-64e136 {
  box-shadow: 0 8px 24px rgb(100 225 54 / 0.35);
}

#32cd32 Lime Green ΔE 5.97 #0bda51 Malachite ΔE 6.18 #39ff14 Neon Green ΔE 6.85 #3fff00 Harlequin ΔE 6.91 #7cfc00 Lawn Green ΔE 6.99 #00ff00 Lime ΔE 7.13 #77dd77 Pastel Green ΔE 7.39 #9b1ec9 Inversée #c7c7c7 Niveaux de gris 

Lime Green
#64e136  rgb(100, 225, 54)  hsl(104, 74%, 55%)  Lime Green
#b336e1  rgb(179, 54, 225)  hsl(284, 74%, 55%)  Electric Purple
#3664e1  rgb(54, 100, 225)  hsl(224, 74%, 55%)  Royal Blue
#e13664  rgb(225, 54, 100)  hsl(344, 74%, 55%)  Cerise