ColorTool
Se connecter
#92AA50

#92aa50 ≈ Olivine

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

#92aa50 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 57,25 % de rouge, 66,67 % de vert et 31,37 % de bleu ; imprimée en CMJN, elle utilise 14,12 % de cyan, 0 % de magenta, 52,94 % de jaune et 33,33 % de noir. Son angle de teinte est de 76°, avec 36 % de saturation et 49,02 % 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 accents de marque. Un texte noir sur cette couleur atteint un rapport de contraste de 8,09:1 (WCAG AAA). La couleur nommée la plus proche est Olivine (#9ab973), ΔE 6,23.

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

Complémentaire

  1. #92aa50
  2. #6850aa

Complémentaire divisé

  1. #92aa50
  2. #5065aa
  3. #9550aa

Analogue

  1. #aa9550
  2. #92aa50
  3. #65aa50

Triadique

  1. #92aa50
  2. #5092aa
  3. #aa5092

Tétradique

  1. #92aa50
  2. #50aa68
  3. #6850aa
  4. #aa5092

Carré

  1. #92aa50
  2. #50aa95
  3. #6850aa
  4. #aa5065

Monochrome

  1. #39421f
  2. #657638
  3. #92aa50
  4. #b3c482
  5. #d2ddb6

Ombres

#92aa50 mélangé progressivement avec du noir.

  1. #92aa50
  2. #839948
  3. #758840
  4. #667738
  5. #586630
  6. #495528
  7. #3a4420
  8. #2c3318
  9. #1d2210
  10. #0f1108
  11. #000000

Teintes

#92aa50 mélangé progressivement avec du blanc.

  1. #92aa50
  2. #9db362
  3. #a8bb73
  4. #b3c485
  5. #becc96
  6. #c9d5a8
  7. #d3ddb9
  8. #dee6cb
  9. #e9eedc
  10. #f4f7ee
  11. #ffffff

Tons

#92aa50 mélangé progressivement avec du gris.

  1. #92aa50
  2. #90a655
  3. #8ea25a
  4. #8d9d5e
  5. #8b9963
  6. #899568
  7. #87916d
  8. #858d72
  9. #848876
  10. #82847b
  11. #808080

Texte lisible 2.6:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texte lisible 8.09:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #a1a1a1 ≈ 0.003% des hommes
Achromatomalie #9ba488 ≈ 0.001% des hommes
Protanopie #b3a148 ≈ 1.01% des hommes
Deutéranopie #b0a155 ≈ 1.27% des hommes
Tritanopie #98a296 ≈ 0.0001% des hommes
Protanomalie #a7a54b ≈ 1.08% des hommes
Deutéranomalie #a5a453 ≈ 4.63% des hommes
Tritanomalie #96a680 ≈ 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-92aa50 {
  color: #92aa50;
}
Arrière-plan
.bg-92aa50 {
  background-color: #92aa50;
  color: #000000;
}
Bordure
.border-92aa50 {
  border: 2px solid #92aa50;
}
Variables CSS
:root {
  --color-primary: #92aa50;
  --color-primary-rgb: 146 170 80;
  --color-primary-hsl: 76 36% 49%;
}
Dégradé
.gradient-92aa50 {
  background: linear-gradient(135deg, #92aa50, #65aa50);
}
Ombre colorée
.shadow-92aa50 {
  box-shadow: 0 8px 24px rgb(146 170 80 / 0.35);
}

#9ab973 Olivine ΔE 6.23 #8a9a5b Moss Green ΔE 6.31 #87a96b Asparagus ΔE 6.46 #8db600 Apple Green ΔE 7.92 #93c572 Pistachio ΔE 8.78 #bdb76b Dark Khaki ΔE 9.58 #6b8e23 Olive Drab ΔE 10.38 #6d55af Inversée #a1a1a1 Niveaux de gris 

Olivine
#92aa50  rgb(146, 170, 80)  hsl(76, 36%, 49%)  Olivine
#6850aa  rgb(104, 80, 170)  hsl(256, 36%, 49%)  Royal Purple
#5092aa  rgb(80, 146, 170)  hsl(196, 36%, 49%)  Bondi Blue
#aa5092  rgb(170, 80, 146)  hsl(316, 36%, 49%)  Mulberry