ColorTool
Se connecter
#98FB98

#98fb98 Pale Green

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

#98fb98 (Pale Green) 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,61 % de rouge, 98,43 % de vert et 59,61 % de bleu ; imprimée en CMJN, elle utilise 39,44 % de cyan, 0 % de magenta, 39,44 % de jaune et 1,57 % de noir. Son angle de teinte est de 120°, avec 92,52 % de saturation et 79,02 % 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 palettes pastel douces. Un texte noir sur cette couleur atteint un rapport de contraste de 16,59:1 (WCAG AAA).

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

Complémentaire

  1. #98fb98
  2. #fb98fb

Complémentaire divisé

  1. #98fb98
  2. #ca98fb
  3. #fb98ca

Analogue

  1. #cafb98
  2. #98fb98
  3. #98fbca

Triadique

  1. #98fb98
  2. #9898fb
  3. #fb9898

Tétradique

  1. #98fb98
  2. #98fbfb
  3. #fb98fb
  4. #fb9898

Carré

  1. #98fb98
  2. #98cafb
  3. #fb98fb
  4. #fbca98

Monochrome

  1. #09f109
  2. #4ef84e
  3. #98fb98
  4. #e2fee2
  5. #ebfeeb

Ombres

#98fb98 mélangé progressivement avec du noir.

  1. #98fb98
  2. #89e289
  3. #7ac97a
  4. #6ab06a
  5. #5b975b
  6. #4c7e4c
  7. #3d643d
  8. #2e4b2e
  9. #1e321e
  10. #0f190f
  11. #000000

Teintes

#98fb98 mélangé progressivement avec du blanc.

  1. #98fb98
  2. #a2fba2
  3. #adfcad
  4. #b7fcb7
  5. #c1fdc1
  6. #ccfdcc
  7. #d6fdd6
  8. #e0fee0
  9. #eafeea
  10. #f5fff5
  11. #ffffff

Tons

#98fb98 mélangé progressivement avec du gris.

  1. #98fb98
  2. #96ef96
  3. #93e293
  4. #91d691
  5. #8eca8e
  6. #8cbe8c
  7. #8ab18a
  8. #87a587
  9. #859985
  10. #828c82
  11. #808080

Texte lisible 1.27:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texte lisible 16.59:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #e4e4e4 ≈ 0.003% des hommes
Achromatomalie #caeeca ≈ 0.001% des hommes
Protanopie #ffea91 ≈ 1.01% des hommes
Deutéranopie #f0e19e ≈ 1.27% des hommes
Tritanopie #8cf6e2 ≈ 0.0001% des hommes
Protanomalie #ddf194 ≈ 1.08% des hommes
Deutéranomalie #d3ec9c ≈ 4.63% des hommes
Tritanomalie #91f8c9 ≈ 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-98fb98 {
  color: #98fb98;
}
Arrière-plan
.bg-98fb98 {
  background-color: #98fb98;
  color: #000000;
}
Bordure
.border-98fb98 {
  border: 2px solid #98fb98;
}
Variables CSS
:root {
  --color-primary: #98fb98;
  --color-primary-rgb: 152 251 152;
  --color-primary-hsl: 120 93% 79%;
}
Dégradé
.gradient-98fb98 {
  background: linear-gradient(135deg, #98fb98, #98fbca);
}
Ombre colorée
.shadow-98fb98 {
  box-shadow: 0 8px 24px rgb(152 251 152 / 0.35);
}

#98ff98 Mint Green ΔE 0.92 #90ee90 Light Green ΔE 2.75 #77dd77 Pastel Green ΔE 6.98 #a8e4a0 Granny Smith Apple ΔE 7.00 #00ff7f Spring Green ΔE 7.50 #00fa9a Medium Spring Green ΔE 8.17 #670467 Inversée #e4e4e4 Niveaux de gris 

Pale Green
#98fb98  rgb(152, 251, 152)  hsl(120, 93%, 79%)  Pale Green
#fb98fb  rgb(251, 152, 251)  hsl(300, 93%, 79%)  Violet
#9898fb  rgb(152, 152, 251)  hsl(240, 93%, 79%)  Cornflower Blue
#fb9898  rgb(251, 152, 152)  hsl(0, 93%, 79%)  Salmon Pink