ColorTool
Se connecter
#97DE71

#97de71 ≈ Pastel Green

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

#97de71 est une couleur de la famille « vert », avec une luminosité élevée et une saturation modérée. Dans le modèle RGB, elle se compose de 59,22 % de rouge, 87,06 % de vert et 44,31 % de bleu ; imprimée en CMJN, elle utilise 31,98 % de cyan, 0 % de magenta, 49,1 % de jaune et 12,94 % de noir. Son angle de teinte est de 99,08°, avec 62,29 % de saturation et 65,69 % 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 13:1 (WCAG AAA). La couleur nommée la plus proche est Pastel Green (#77dd77), ΔE 4,54.

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

Complémentaire

  1. #97de71
  2. #b871de

Complémentaire divisé

  1. #97de71
  2. #8271de
  3. #de71ce

Analogue

  1. #cede71
  2. #97de71
  3. #71de82

Triadique

  1. #97de71
  2. #7197de
  3. #de7197

Tétradique

  1. #97de71
  2. #71deb8
  3. #b871de
  4. #de7197

Carré

  1. #97de71
  2. #71cede
  3. #b871de
  4. #de8271

Monochrome

  1. #4a9422
  2. #6ad033
  3. #97de71
  4. #c4ecaf
  5. #f2fbed

Ombres

#97de71 mélangé progressivement avec du noir.

  1. #97de71
  2. #88c866
  3. #79b25a
  4. #6a9b4f
  5. #5b8544
  6. #4c6f39
  7. #3c592d
  8. #2d4322
  9. #1e2c17
  10. #0f160b
  11. #000000

Teintes

#97de71 mélangé progressivement avec du blanc.

  1. #97de71
  2. #a1e17f
  3. #ace58d
  4. #b6e89c
  5. #c1ebaa
  6. #cbefb8
  7. #d5f2c6
  8. #e0f5d4
  9. #eaf8e3
  10. #f5fcf1
  11. #ffffff

Tons

#97de71 mélangé progressivement avec du gris.

  1. #97de71
  2. #95d573
  3. #92cb74
  4. #90c276
  5. #8eb877
  6. #8caf79
  7. #89a67a
  8. #879c7c
  9. #85937d
  10. #82897f
  11. #808080

Texte lisible 1.62:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texte lisible 13:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #cbcbcb ≈ 0.003% des hommes
Achromatomalie #b9d3af ≈ 0.001% des hommes
Protanopie #e5cf68 ≈ 1.01% des hommes
Deutéranopie #dac978 ≈ 1.27% des hommes
Tritanopie #96d7c5 ≈ 0.0001% des hommes
Protanomalie #cad56b ≈ 1.08% des hommes
Deutéranomalie #c3d275 ≈ 4.63% des hommes
Tritanomalie #96daaa ≈ 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-97de71 {
  color: #97de71;
}
Arrière-plan
.bg-97de71 {
  background-color: #97de71;
  color: #000000;
}
Bordure
.border-97de71 {
  border: 2px solid #97de71;
}
Variables CSS
:root {
  --color-primary: #97de71;
  --color-primary-rgb: 151 222 113;
  --color-primary-hsl: 99 62% 66%;
}
Dégradé
.gradient-97de71 {
  background: linear-gradient(135deg, #97de71, #71de82);
}
Ombre colorée
.shadow-97de71 {
  box-shadow: 0 8px 24px rgb(151 222 113 / 0.35);
}

#77dd77 Pastel Green ΔE 4.54 #90ee90 Light Green ΔE 5.58 #b2ec5d Inchworm ΔE 6.48 #93c572 Pistachio ΔE 6.65 #a8e4a0 Granny Smith Apple ΔE 7.23 #98fb98 Pale Green ΔE 7.39 #74c365 Mantis ΔE 7.54 #68218e Inversée #cbcbcb Niveaux de gris 

Pastel Green
#97de71  rgb(151, 222, 113)  hsl(99, 62%, 66%)  Pastel Green
#b871de  rgb(184, 113, 222)  hsl(279, 62%, 66%)  Floral Lavender
#7197de  rgb(113, 151, 222)  hsl(219, 62%, 66%)  Cornflower Blue
#de7197  rgb(222, 113, 151)  hsl(339, 62%, 66%)  Pale Violet Red