ColorTool
Se connecter
#ABB753

#abb753 ≈ Dark Khaki

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

#abb753 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 67,06 % de rouge, 71,76 % de vert et 32,55 % de bleu ; imprimée en CMJN, elle utilise 6,56 % de cyan, 0 % de magenta, 54,64 % de jaune et 28,24 % de noir. Son angle de teinte est de 67,2°, avec 40,98 % de saturation et 52,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,63:1 (WCAG AAA). La couleur nommée la plus proche est Dark Khaki (#bdb76b), ΔE 5,8.

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

Complémentaire

  1. #abb753
  2. #5f53b7

Complémentaire divisé

  1. #abb753
  2. #5379b7
  3. #9153b7

Analogue

  1. #b79153
  2. #abb753
  3. #79b753

Triadique

  1. #abb753
  2. #53abb7
  3. #b753ab

Tétradique

  1. #abb753
  2. #53b75f
  3. #5f53b7
  4. #b753ab

Carré

  1. #abb753
  2. #53b791
  3. #5f53b7
  4. #b75379

Monochrome

  1. #4a5021
  2. #7c8638
  3. #abb753
  4. #c5ce89
  5. #e0e4bf

Ombres

#abb753 mélangé progressivement avec du noir.

  1. #abb753
  2. #9aa54b
  3. #899242
  4. #78803a
  5. #676e32
  6. #565c2a
  7. #444921
  8. #333719
  9. #222511
  10. #111208
  11. #000000

Teintes

#abb753 mélangé progressivement avec du blanc.

  1. #abb753
  2. #b3be64
  3. #bcc575
  4. #c4cd87
  5. #cdd498
  6. #d5dba9
  7. #dde2ba
  8. #e6e9cb
  9. #eef1dd
  10. #f7f8ee
  11. #ffffff

Tons

#abb753 mélangé progressivement avec du gris.

  1. #abb753
  2. #a7b258
  3. #a2ac5c
  4. #9ea761
  5. #9aa165
  6. #969c6a
  7. #91966e
  8. #8d9173
  9. #898b77
  10. #84867c
  11. #808080

Texte lisible 2.18:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texte lisible 9.63:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #b0b0b0 ≈ 0.003% des hommes
Achromatomalie #aeb393 ≈ 0.001% des hommes
Protanopie #c3af49 ≈ 1.01% des hommes
Deutéranopie #c2b059 ≈ 1.27% des hommes
Tritanopie #b5aea1 ≈ 0.0001% des hommes
Protanomalie #bab24d ≈ 1.08% des hommes
Deutéranomalie #b9b357 ≈ 4.63% des hommes
Tritanomalie #b1b188 ≈ 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-abb753 {
  color: #abb753;
}
Arrière-plan
.bg-abb753 {
  background-color: #abb753;
  color: #000000;
}
Bordure
.border-abb753 {
  border: 2px solid #abb753;
}
Variables CSS
:root {
  --color-primary: #abb753;
  --color-primary-rgb: 171 183 83;
  --color-primary-hsl: 67 41% 52%;
}
Dégradé
.gradient-abb753 {
  background: linear-gradient(135deg, #abb753, #79b753);
}
Ombre colorée
.shadow-abb753 {
  box-shadow: 0 8px 24px rgb(171 183 83 / 0.35);
}

#bdb76b Dark Khaki ΔE 5.80 #8db600 Apple Green ΔE 7.54 #9ab973 Olivine ΔE 7.82 #b5a642 Brass ΔE 8.21 #c5b358 Vegas Gold ΔE 8.26 #9acd32 Yellow Green ΔE 8.84 #bdda57 June Bud ΔE 9.09 #5448ac Inversée #b0b0b0 Niveaux de gris 

Dark Khaki
#abb753  rgb(171, 183, 83)  hsl(67, 41%, 52%)  Dark Khaki
#5f53b7  rgb(95, 83, 183)  hsl(247, 41%, 52%)  Iris
#53abb7  rgb(83, 171, 183)  hsl(187, 41%, 52%)  Cadet Blue
#b753ab  rgb(183, 83, 171)  hsl(307, 41%, 52%)  Purpureus