ColorTool
Se connecter
#AF8A22

#af8a22 ≈ Dark Goldenrod

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

#af8a22 est une couleur de la famille « brun », avec une luminosité moyenne et une saturation forte. Dans le modèle RGB, elle se compose de 68,63 % de rouge, 54,12 % de vert et 13,33 % de bleu ; imprimée en CMJN, elle utilise 0 % de cyan, 21,14 % de magenta, 80,57 % de jaune et 31,37 % de noir. Son angle de teinte est de 44,26°, avec 67,46 % de saturation et 40,98 % de luminosité en HSL. C’est une couleur chaude, souvent associée à la fiabilité, la chaleur et le côté terrien. Les designers l’utilisent souvent pour les cafés et marques de café, les styles rustiques et naturels et les accents de marque. Un texte noir sur cette couleur atteint un rapport de contraste de 6,48:1 (WCAG AA). La couleur nommée la plus proche est Dark Goldenrod (#b8860b), ΔE 3,74.

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

Complémentaire

  1. #af8a22
  2. #2247af

Complémentaire divisé

  1. #af8a22
  2. #228daf
  3. #4422af

Analogue

  1. #af4422
  2. #af8a22
  3. #8daf22

Triadique

  1. #af8a22
  2. #22af8a
  3. #8a22af

Tétradique

  1. #af8a22
  2. #47af22
  3. #2247af
  4. #8a22af

Carré

  1. #af8a22
  2. #22af44
  3. #2247af
  4. #af228d

Monochrome

  1. #2f2509
  2. #6f5716
  3. #af8a22
  4. #dab343
  5. #e7cd83

Ombres

#af8a22 mélangé progressivement avec du noir.

  1. #af8a22
  2. #9e7c1f
  3. #8c6e1b
  4. #7b6118
  5. #695314
  6. #584511
  7. #46370e
  8. #35290a
  9. #231c07
  10. #120e03
  11. #000000

Teintes

#af8a22 mélangé progressivement avec du blanc.

  1. #af8a22
  2. #b79638
  3. #bfa14e
  4. #c7ad64
  5. #cfb97a
  6. #d7c591
  7. #dfd0a7
  8. #e7dcbd
  9. #efe8d3
  10. #f7f3e9
  11. #ffffff

Tons

#af8a22 mélangé progressivement avec du gris.

  1. #af8a22
  2. #aa892b
  3. #a68835
  4. #a1873e
  5. #9c8648
  6. #988551
  7. #93845a
  8. #8e8364
  9. #89826d
  10. #858177
  11. #808080

Texte lisible 3.24:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texte lisible 6.48:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Achromatopsie #8f8f8f ≈ 0.003% des hommes
Achromatomalie #9d8d73 ≈ 0.001% des hommes
Protanopie #9b890a ≈ 1.01% des hommes
Deutéranopie #a49328 ≈ 1.27% des hommes
Tritanopie #be7d76 ≈ 0.0001% des hommes
Protanomalie #a48916 ≈ 1.08% des hommes
Deutéranomalie #a98f26 ≈ 4.63% des hommes
Tritanomalie #b88260 ≈ 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-af8a22 {
  color: #af8a22;
}
Arrière-plan
.bg-af8a22 {
  background-color: #af8a22;
  color: #000000;
}
Bordure
.border-af8a22 {
  border: 2px solid #af8a22;
}
Variables CSS
:root {
  --color-primary: #af8a22;
  --color-primary-rgb: 175 138 34;
  --color-primary-hsl: 44 67% 41%;
}
Dégradé
.gradient-af8a22 {
  background: linear-gradient(135deg, #af8a22, #8daf22);
}
Ombre colorée
.shadow-af8a22 {
  box-shadow: 0 8px 24px rgb(175 138 34 / 0.35);
}

#b8860b Dark Goldenrod ΔE 3.74 #b5a642 Brass ΔE 10.11 #daa520 Goldenrod ΔE 10.18 #d4af37 Metallic Gold ΔE 11.26 #e49b0f Gamboge ΔE 11.80 #c19a6b Camel ΔE 11.92 #c5b358 Vegas Gold ΔE 12.82 #5075dd Inversée #8f8f8f Niveaux de gris 

Dark Goldenrod
#af8a22  rgb(175, 138, 34)  hsl(44, 67%, 41%)  Dark Goldenrod
#2247af  rgb(34, 71, 175)  hsl(224, 67%, 41%)  Cobalt Blue
#22af8a  rgb(34, 175, 138)  hsl(164, 67%, 41%)  Jungle Green
#8a22af  rgb(138, 34, 175)  hsl(284, 67%, 41%)  Dark Violet