ColorTool
Se connecter
#A2BB47

#a2bb47 ≈ Apple Green

  • vert-jaune
  • Luminosité: moyenne
  • Saturation: modérée
  • Chaude
Vérifier le contraste Explorer dans le graphe Couleur aléatoire

#a2bb47 est une couleur de la famille « vert-jaune », avec une luminosité moyenne et une saturation modérée. Dans le modèle RGB, elle se compose de 63,53 % de rouge, 73,33 % de vert et 27,84 % de bleu ; imprimée en CMJN, elle utilise 13,37 % de cyan, 0 % de magenta, 62,03 % de jaune et 26,67 % de noir. Son angle de teinte est de 72,93°, avec 46,03 % de saturation et 50,59 % de luminosité en HSL. C’est une couleur chaude, 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 accents de marque. Un texte noir sur cette couleur atteint un rapport de contraste de 9,74:1 (WCAG AAA). La couleur nommée la plus proche est Apple Green (#8db600), ΔE 5,06.

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

Complémentaire

  1. #a2bb47
  2. #6047bb

Complémentaire divisé

  1. #a2bb47
  2. #4768bb
  3. #9a47bb

Analogue

  1. #bb9a47
  2. #a2bb47
  3. #68bb47

Triadique

  1. #a2bb47
  2. #47a2bb
  3. #bb47a2

Tétradique

  1. #a2bb47
  2. #47bb60
  3. #6047bb
  4. #bb47a2

Carré

  1. #a2bb47
  2. #47bb9a
  3. #6047bb
  4. #bb4768

Monochrome

  1. #424d1c
  2. #738531
  3. #a2bb47
  4. #bed07f
  5. #dae4b7

Ombres

#a2bb47 mélangé progressivement avec du noir.

  1. #a2bb47
  2. #92a840
  3. #829639
  4. #718332
  5. #61702b
  6. #515e24
  7. #414b1c
  8. #313815
  9. #20250e
  10. #101307
  11. #000000

Teintes

#a2bb47 mélangé progressivement avec du blanc.

  1. #a2bb47
  2. #abc259
  3. #b5c96c
  4. #becf7e
  5. #c7d691
  6. #d1dda3
  7. #dae4b5
  8. #e3ebc8
  9. #ecf1da
  10. #f6f8ed
  11. #ffffff

Tons

#a2bb47 mélangé progressivement avec du gris.

  1. #a2bb47
  2. #9fb54d
  3. #9baf52
  4. #98a958
  5. #94a35e
  6. #919e64
  7. #8e9869
  8. #8a926f
  9. #878c75
  10. #83867a
  11. #808080

Texte lisible 2.16:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texte lisible 9.74:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #b0b0b0 ≈ 0.003% des hommes
Achromatomalie #abb592 ≈ 0.001% des hommes
Protanopie #c6b139 ≈ 1.01% des hommes
Deutéranopie #c3b14f ≈ 1.27% des hommes
Tritanopie #aab2a3 ≈ 0.0001% des hommes
Protanomalie #b9b53f ≈ 1.08% des hommes
Deutéranomalie #b7b54c ≈ 4.63% des hommes
Tritanomalie #a7b587 ≈ 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-a2bb47 {
  color: #a2bb47;
}
Arrière-plan
.bg-a2bb47 {
  background-color: #a2bb47;
  color: #000000;
}
Bordure
.border-a2bb47 {
  border: 2px solid #a2bb47;
}
Variables CSS
:root {
  --color-primary: #a2bb47;
  --color-primary-rgb: 162 187 71;
  --color-primary-hsl: 73 46% 51%;
}
Dégradé
.gradient-a2bb47 {
  background: linear-gradient(135deg, #a2bb47, #68bb47);
}
Ombre colorée
.shadow-a2bb47 {
  box-shadow: 0 8px 24px rgb(162 187 71 / 0.35);
}

#8db600 Apple Green ΔE 5.06 #9acd32 Yellow Green ΔE 6.01 #bdda57 June Bud ΔE 7.79 #9ab973 Olivine ΔE 7.99 #93c572 Pistachio ΔE 8.58 #bdb76b Dark Khaki ΔE 8.80 #b5a642 Brass ΔE 10.85 #5d44b8 Inversée #b0b0b0 Niveaux de gris 

Apple Green
#a2bb47  rgb(162, 187, 71)  hsl(73, 46%, 51%)  Apple Green
#6047bb  rgb(96, 71, 187)  hsl(253, 46%, 51%)  Ocean Blue
#47a2bb  rgb(71, 162, 187)  hsl(193, 46%, 51%)  Bondi Blue
#bb47a2  rgb(187, 71, 162)  hsl(313, 46%, 51%)  Mulberry