ColorTool
Se connecter
#69FB71

#69fb71 ≈ Spring Green

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

#69fb71 est une couleur de la famille « vert », avec une luminosité élevée et une saturation forte. Dans le modèle RGB, elle se compose de 41,18 % de rouge, 98,43 % de vert et 44,31 % de bleu ; imprimée en CMJN, elle utilise 58,17 % de cyan, 0 % de magenta, 54,98 % de jaune et 1,57 % de noir. Son angle de teinte est de 123,29°, avec 94,81 % de saturation et 69,8 % 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 boutons d’appel à l’action. Un texte noir sur cette couleur atteint un rapport de contraste de 15,64:1 (WCAG AAA). La couleur nommée la plus proche est Spring Green (#00ff7f), ΔE 4,36.

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

Complémentaire

  1. #69fb71
  2. #fb69f3

Complémentaire divisé

  1. #69fb71
  2. #ba69fb
  3. #fb69aa

Analogue

  1. #aafb69
  2. #69fb71
  3. #69fbba

Triadique

  1. #69fb71
  2. #7169fb
  3. #fb7169

Tétradique

  1. #69fb71
  2. #69f3fb
  3. #fb69f3
  4. #fb7169

Carré

  1. #69fb71
  2. #69aafb
  3. #fb69f3
  4. #fbba69

Monochrome

  1. #05c610
  2. #1ef92a
  3. #69fb71
  4. #b3fdb8
  5. #ebfeec

Ombres

#69fb71 mélangé progressivement avec du noir.

  1. #69fb71
  2. #5fe266
  3. #54c95a
  4. #4ab04f
  5. #3f9744
  6. #357e39
  7. #2a642d
  8. #204b22
  9. #153217
  10. #0b190b
  11. #000000

Teintes

#69fb71 mélangé progressivement avec du blanc.

  1. #69fb71
  2. #78fb7f
  3. #87fc8d
  4. #96fc9c
  5. #a5fdaa
  6. #b4fdb8
  7. #c3fdc6
  8. #d2fed4
  9. #e1fee3
  10. #f0fff1
  11. #ffffff

Tons

#69fb71 mélangé progressivement avec du gris.

  1. #69fb71
  2. #6bef73
  3. #6ee274
  4. #70d676
  5. #72ca77
  6. #75be79
  7. #77b17a
  8. #79a57c
  9. #7b997d
  10. #7e8c7f
  11. #808080

Texte lisible 1.34:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texte lisible 15.64:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #dedede ≈ 0.003% des hommes
Achromatomalie #bbeabc ≈ 0.001% des hommes
Protanopie #ffe664 ≈ 1.01% des hommes
Deutéranopie #edd97b ≈ 1.27% des hommes
Tritanopie #4df5dc ≈ 0.0001% des hommes
Protanomalie #d4ef69 ≈ 1.08% des hommes
Deutéranomalie #c6e877 ≈ 4.63% des hommes
Tritanomalie #59f7bb ≈ 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-69fb71 {
  color: #69fb71;
}
Arrière-plan
.bg-69fb71 {
  background-color: #69fb71;
  color: #000000;
}
Bordure
.border-69fb71 {
  border: 2px solid #69fb71;
}
Variables CSS
:root {
  --color-primary: #69fb71;
  --color-primary-rgb: 105 251 113;
  --color-primary-hsl: 123 95% 70%;
}
Dégradé
.gradient-69fb71 {
  background: linear-gradient(135deg, #69fb71, #69fbba);
}
Ombre colorée
.shadow-69fb71 {
  box-shadow: 0 8px 24px rgb(105 251 113 / 0.35);
}

#00ff7f Spring Green ΔE 4.36 #98ff98 Mint Green ΔE 5.28 #98fb98 Pale Green ΔE 5.60 #90ee90 Light Green ΔE 6.22 #39ff14 Neon Green ΔE 6.47 #00ff00 Lime ΔE 6.76 #3fff00 Harlequin ΔE 6.83 #96048e Inversée #dedede Niveaux de gris 

Spring Green
#69fb71  rgb(105, 251, 113)  hsl(123, 95%, 70%)  Spring Green
#fb69f3  rgb(251, 105, 243)  hsl(303, 95%, 70%)  Fuchsia Pink
#7169fb  rgb(113, 105, 251)  hsl(243, 95%, 70%)  Medium Slate Blue
#fb7169  rgb(251, 113, 105)  hsl(3, 95%, 70%)  Pastel Red