ColorTool
Se connecter
#D1AA8C

#d1aa8c ≈ Tumbleweed

  • orange
  • Luminosité: élevée
  • Saturation: modérée
  • Chaude
Vérifier le contraste Explorer dans le graphe Couleur aléatoire

#d1aa8c est une couleur de la famille « orange », avec une luminosité élevée et une saturation modérée. Dans le modèle RGB, elle se compose de 81,96 % de rouge, 66,67 % de vert et 54,9 % de bleu ; imprimée en CMJN, elle utilise 0 % de cyan, 18,66 % de magenta, 33,01 % de jaune et 18,04 % de noir. Son angle de teinte est de 26,09°, avec 42,86 % de saturation et 68,43 % de luminosité en HSL. C’est une couleur chaude, souvent associée à l’enthousiasme, la chaleur et la créativité. Les designers l’utilisent souvent pour les boutons d’appel à l’action, les marques alimentaires et les restaurants et les accents de marque. Un texte noir sur cette couleur atteint un rapport de contraste de 9,84:1 (WCAG AAA). La couleur nommée la plus proche est Tumbleweed (#deaa88), ΔE 3,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#cc9999
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binaire
Décimal
Luminance relative0.442

Complémentaire

  1. #d1aa8c
  2. #8cb3d1

Complémentaire divisé

  1. #d1aa8c
  2. #8cd1cd
  3. #8c90d1

Analogue

  1. #d18c90
  2. #d1aa8c
  3. #d1cd8c

Triadique

  1. #d1aa8c
  2. #8cd1aa
  3. #aa8cd1

Tétradique

  1. #d1aa8c
  2. #b3d18c
  3. #8cb3d1
  4. #aa8cd1

Carré

  1. #d1aa8c
  2. #90d18c
  3. #8cb3d1
  4. #cd8cd1

Monochrome

  1. #8c5d38
  2. #bb8255
  3. #d1aa8c
  4. #e7d2c3
  5. #f9f4f0

Ombres

#d1aa8c mélangé progressivement avec du noir.

  1. #d1aa8c
  2. #bc997e
  3. #a78870
  4. #927762
  5. #7d6654
  6. #695546
  7. #544438
  8. #3f332a
  9. #2a221c
  10. #15110e
  11. #000000

Teintes

#d1aa8c mélangé progressivement avec du blanc.

  1. #d1aa8c
  2. #d6b398
  3. #dabba3
  4. #dfc4af
  5. #e3ccba
  6. #e8d5c6
  7. #edddd1
  8. #f1e6dd
  9. #f6eee8
  10. #faf7f4
  11. #ffffff

Tons

#d1aa8c mélangé progressivement avec du gris.

  1. #d1aa8c
  2. #c9a68b
  3. #c1a28a
  4. #b99d88
  5. #b19987
  6. #a99586
  7. #a09185
  8. #988d84
  9. #908882
  10. #888481
  11. #808080

Texte lisible 2.13:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texte lisible 9.84:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #b1b1b1 ≈ 0.003% des hommes
Achromatomalie #bfafa4 ≈ 0.001% des hommes
Protanopie #b6ac8a ≈ 1.01% des hommes
Deutéranopie #bfb58c ≈ 1.27% des hommes
Tritanopie #dda2a2 ≈ 0.0001% des hommes
Protanomalie #c1ab8b ≈ 1.08% des hommes
Deutéranomalie #c6b18c ≈ 4.63% des hommes
Tritanomalie #d8a59a ≈ 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-d1aa8c {
  color: #d1aa8c;
}
Arrière-plan
.bg-d1aa8c {
  background-color: #d1aa8c;
  color: #000000;
}
Bordure
.border-d1aa8c {
  border: 2px solid #d1aa8c;
}
Variables CSS
:root {
  --color-primary: #d1aa8c;
  --color-primary-rgb: 209 170 140;
  --color-primary-hsl: 26 43% 68%;
}
Dégradé
.gradient-d1aa8c {
  background: linear-gradient(135deg, #d1aa8c, #d1cd8c);
}
Ombre colorée
.shadow-d1aa8c {
  box-shadow: 0 8px 24px rgb(209 170 140 / 0.35);
}

#deaa88 Tumbleweed ΔE 3.50 #d2b48c Tan ΔE 5.88 #deb887 Burly Wood ΔE 6.95 #c19a6b Camel ΔE 7.29 #e5aa70 Fawn ΔE 7.63 #edc9af Desert Sand ΔE 7.98 #ebc2af Zinnwaldite ΔE 8.02 #2e5573 Inversée #b1b1b1 Niveaux de gris 

Tumbleweed
#d1aa8c  rgb(209, 170, 140)  hsl(26, 43%, 68%)  Tumbleweed
#8cb3d1  rgb(140, 179, 209)  hsl(206, 43%, 68%)  Iceberg
#8cd1aa  rgb(140, 209, 170)  hsl(146, 43%, 68%)  Seafoam Green
#aa8cd1  rgb(170, 140, 209)  hsl(266, 43%, 68%)  Floral Lavender