ColorTool
Se connecter
#AFF62E

#aff62e ≈ Spring Bud

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

#aff62e est une couleur de la famille « vert-jaune », avec une luminosité moyenne et une saturation vive. Dans le modèle RGB, elle se compose de 68,63 % de rouge, 96,47 % de vert et 18,04 % de bleu ; imprimée en CMJN, elle utilise 28,86 % de cyan, 0 % de magenta, 81,3 % de jaune et 3,53 % de noir. Son angle de teinte est de 81,3°, avec 91,74 % de saturation et 57,25 % 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 boutons d’appel à l’action. Un texte noir sur cette couleur atteint un rapport de contraste de 16,04:1 (WCAG AAA). La couleur nommée la plus proche est Spring Bud (#a7fc00), ΔE 1,98.

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

Complémentaire

  1. #aff62e
  2. #752ef6

Complémentaire divisé

  1. #aff62e
  2. #2e4bf6
  3. #d92ef6

Analogue

  1. #f6d92e
  2. #aff62e
  3. #4bf62e

Triadique

  1. #aff62e
  2. #2eaff6
  3. #f62eaf

Tétradique

  1. #aff62e
  2. #2ef675
  3. #752ef6
  4. #f62eaf

Carré

  1. #aff62e
  2. #2ef6d9
  3. #752ef6
  4. #f62e4b

Monochrome

  1. #588506
  2. #88cf09
  3. #aff62e
  4. #cbf977
  5. #e7fcc1

Ombres

#aff62e mélangé progressivement avec du noir.

  1. #aff62e
  2. #9edd29
  3. #8cc525
  4. #7bac20
  5. #69941c
  6. #587b17
  7. #466212
  8. #354a0e
  9. #233109
  10. #121905
  11. #000000

Teintes

#aff62e mélangé progressivement avec du blanc.

  1. #aff62e
  2. #b7f743
  3. #bff858
  4. #c7f96d
  5. #cffa82
  6. #d7fb97
  7. #dffbab
  8. #e7fcc0
  9. #effdd5
  10. #f7feea
  11. #ffffff

Tons

#aff62e mélangé progressivement avec du gris.

  1. #aff62e
  2. #aaea36
  3. #a6de3e
  4. #a1d347
  5. #9cc74f
  6. #98bb57
  7. #93af5f
  8. #8ea367
  9. #899870
  10. #858c78
  11. #808080

Texte lisible 1.31:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texte lisible 16.04:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #e1e1e1 ≈ 0.003% des hommes
Achromatomalie #cfeab5 ≈ 0.001% des hommes
Protanopie #ffe400 ≈ 1.01% des hommes
Deutéranopie #f9df46 ≈ 1.27% des hommes
Tritanopie #b5ebd2 ≈ 0.0001% des hommes
Protanomalie #e6eb02 ≈ 1.08% des hommes
Deutéranomalie #dfe93e ≈ 4.63% des hommes
Tritanomalie #b3efaa ≈ 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-aff62e {
  color: #aff62e;
}
Arrière-plan
.bg-aff62e {
  background-color: #aff62e;
  color: #000000;
}
Bordure
.border-aff62e {
  border: 2px solid #aff62e;
}
Variables CSS
:root {
  --color-primary: #aff62e;
  --color-primary-rgb: 175 246 46;
  --color-primary-hsl: 81 92% 57%;
}
Dégradé
.gradient-aff62e {
  background: linear-gradient(135deg, #aff62e, #4bf62e);
}
Ombre colorée
.shadow-aff62e {
  box-shadow: 0 8px 24px rgb(175 246 46 / 0.35);
}

#a7fc00 Spring Bud ΔE 1.98 #adff2f Green Yellow ΔE 2.00 #b2ec5d Inchworm ΔE 4.56 #ccff00 Electric Lime ΔE 4.94 #7fff00 Chartreuse ΔE 5.51 #7cfc00 Lawn Green ΔE 5.54 #dfff00 Chartreuse Yellow ΔE 7.87 #5009d1 Inversée #e1e1e1 Niveaux de gris 

Spring Bud
#aff62e  rgb(175, 246, 46)  hsl(81, 92%, 57%)  Spring Bud
#752ef6  rgb(117, 46, 246)  hsl(261, 92%, 57%)  Electric Indigo
#2eaff6  rgb(46, 175, 246)  hsl(201, 92%, 57%)  Deep Sky Blue
#f62eaf  rgb(246, 46, 175)  hsl(321, 92%, 57%)  Shocking Pink