ColorTool
Se connecter
#9BB720

#9bb720 ≈ Apple Green

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

#9bb720 est une couleur de la famille « vert-jaune », avec une luminosité moyenne et une saturation forte. Dans le modèle RGB, elle se compose de 60,78 % de rouge, 71,76 % de vert et 12,55 % de bleu ; imprimée en CMJN, elle utilise 15,3 % de cyan, 0 % de magenta, 82,51 % de jaune et 28,24 % de noir. Son angle de teinte est de 71,13°, avec 70,23 % de saturation et 42,16 % 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,19:1 (WCAG AAA). La couleur nommée la plus proche est Apple Green (#8db600), ΔE 2,5.

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.4094

Complémentaire

  1. #9bb720
  2. #3c20b7

Complémentaire divisé

  1. #9bb720
  2. #204fb7
  3. #8820b7

Analogue

  1. #b78820
  2. #9bb720
  3. #4fb720

Triadique

  1. #9bb720
  2. #209bb7
  3. #b7209b

Tétradique

  1. #9bb720
  2. #20b73c
  3. #3c20b7
  4. #b7209b

Carré

  1. #9bb720
  2. #20b788
  3. #3c20b7
  4. #b7204f

Monochrome

  1. #2d3509
  2. #647615
  3. #9bb720
  4. #c2de45
  5. #d7ea86

Ombres

#9bb720 mélangé progressivement avec du noir.

  1. #9bb720
  2. #8ca51d
  3. #7c921a
  4. #6d8016
  5. #5d6e13
  6. #4e5c10
  7. #3e490d
  8. #2f370a
  9. #1f2506
  10. #101203
  11. #000000

Teintes

#9bb720 mélangé progressivement avec du blanc.

  1. #9bb720
  2. #a5be36
  3. #afc54d
  4. #b9cd63
  5. #c3d479
  6. #cddb90
  7. #d7e2a6
  8. #e1e9bc
  9. #ebf1d2
  10. #f5f8e9
  11. #ffffff

Tons

#9bb720 mélangé progressivement avec du gris.

  1. #9bb720
  2. #98b22a
  3. #96ac33
  4. #93a73d
  5. #90a146
  6. #8e9c50
  7. #8b965a
  8. #889163
  9. #858b6d
  10. #838676
  11. #808080

Texte lisible 2.29:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texte lisible 9.19:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #ababab ≈ 0.003% des hommes
Achromatomalie #a5b089 ≈ 0.001% des hommes
Protanopie #c3ac00 ≈ 1.01% des hommes
Deutéranopie #c0ac31 ≈ 1.27% des hommes
Tritanopie #a4ad9c ≈ 0.0001% des hommes
Protanomalie #b4b002 ≈ 1.08% des hommes
Deutéranomalie #b2b02b ≈ 4.63% des hommes
Tritanomalie #a1b17d ≈ 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-9bb720 {
  color: #9bb720;
}
Arrière-plan
.bg-9bb720 {
  background-color: #9bb720;
  color: #000000;
}
Bordure
.border-9bb720 {
  border: 2px solid #9bb720;
}
Variables CSS
:root {
  --color-primary: #9bb720;
  --color-primary-rgb: 155 183 32;
  --color-primary-hsl: 71 70% 42%;
}
Dégradé
.gradient-9bb720 {
  background: linear-gradient(135deg, #9bb720, #4fb720);
}
Ombre colorée
.shadow-9bb720 {
  box-shadow: 0 8px 24px rgb(155 183 32 / 0.35);
}

#8db600 Apple Green ΔE 2.50 #9acd32 Yellow Green ΔE 6.32 #bdda57 June Bud ΔE 9.25 #bdb76b Dark Khaki ΔE 10.91 #9ab973 Olivine ΔE 11.03 #b5a642 Brass ΔE 11.06 #93c572 Pistachio ΔE 11.42 #6448df Inversée #ababab Niveaux de gris 

Apple Green
#9bb720  rgb(155, 183, 32)  hsl(71, 70%, 42%)  Apple Green
#3c20b7  rgb(60, 32, 183)  hsl(251, 70%, 42%)  Medium Blue
#209bb7  rgb(32, 155, 183)  hsl(191, 70%, 42%)  Bondi Blue
#b7209b  rgb(183, 32, 155)  hsl(311, 70%, 42%)  Medium Violet Red