ColorTool
Se connecter
#C7A888

#c7a888 ≈ Tan

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

#c7a888 est une couleur de la famille « orange », avec une luminosité élevée et une saturation atténuée. Dans le modèle RGB, elle se compose de 78,04 % de rouge, 65,88 % de vert et 53,33 % de bleu ; imprimée en CMJN, elle utilise 0 % de cyan, 15,58 % de magenta, 31,66 % de jaune et 21,96 % de noir. Son angle de teinte est de 30,48°, avec 36 % de saturation et 65,69 % 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,38:1 (WCAG AAA). La couleur nommée la plus proche est Tan (#d2b48c), ΔE 4,18.

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

Complémentaire

  1. #c7a888
  2. #88a7c7

Complémentaire divisé

  1. #c7a888
  2. #88c7c7
  3. #8988c7

Analogue

  1. #c78988
  2. #c7a888
  3. #c7c788

Triadique

  1. #c7a888
  2. #88c7a8
  3. #a888c7

Tétradique

  1. #c7a888
  2. #a7c788
  3. #88a7c7
  4. #a888c7

Carré

  1. #c7a888
  2. #88c789
  3. #88a7c7
  4. #c788c7

Monochrome

  1. #7c5c3a
  2. #af8254
  3. #c7a888
  4. #dfcebc
  5. #f8f4f0

Ombres

#c7a888 mélangé progressivement avec du noir.

  1. #c7a888
  2. #b3977a
  3. #9f866d
  4. #8b765f
  5. #776552
  6. #645444
  7. #504336
  8. #3c3229
  9. #28221b
  10. #14110e
  11. #000000

Teintes

#c7a888 mélangé progressivement avec du blanc.

  1. #c7a888
  2. #cdb194
  3. #d2b9a0
  4. #d8c2ac
  5. #ddcbb8
  6. #e3d4c4
  7. #e9dccf
  8. #eee5db
  9. #f4eee7
  10. #f9f6f3
  11. #ffffff

Tons

#c7a888 mélangé progressivement avec du gris.

  1. #c7a888
  2. #c0a487
  3. #b9a086
  4. #b29c86
  5. #ab9885
  6. #a49484
  7. #9c9083
  8. #958c82
  9. #8e8882
  10. #878481
  11. #808080

Texte lisible 2.24:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texte lisible 9.38:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #adadad ≈ 0.003% des hommes
Achromatomalie #b8aba0 ≈ 0.001% des hommes
Protanopie #b3a986 ≈ 1.01% des hommes
Deutéranopie #bab089 ≈ 1.27% des hommes
Tritanopie #d2a19f ≈ 0.0001% des hommes
Protanomalie #bba987 ≈ 1.08% des hommes
Deutéranomalie #bfad88 ≈ 4.63% des hommes
Tritanomalie #cea497 ≈ 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-c7a888 {
  color: #c7a888;
}
Arrière-plan
.bg-c7a888 {
  background-color: #c7a888;
  color: #000000;
}
Bordure
.border-c7a888 {
  border: 2px solid #c7a888;
}
Variables CSS
:root {
  --color-primary: #c7a888;
  --color-primary-rgb: 199 168 136;
  --color-primary-hsl: 30 36% 66%;
}
Dégradé
.gradient-c7a888 {
  background: linear-gradient(135deg, #c7a888, #c7c788);
}
Ombre colorée
.shadow-c7a888 {
  box-shadow: 0 8px 24px rgb(199 168 136 / 0.35);
}

#d2b48c Tan ΔE 4.18 #c19a6b Camel ΔE 5.74 #deb887 Burly Wood ΔE 6.41 #deaa88 Tumbleweed ΔE 6.53 #e5aa70 Fawn ΔE 8.50 #c2b280 Ecru ΔE 9.10 #edc9af Desert Sand ΔE 9.57 #385777 Inversée #adadad Niveaux de gris 

Tan
#c7a888  rgb(199, 168, 136)  hsl(30, 36%, 66%)  Tan
#88a7c7  rgb(136, 167, 199)  hsl(210, 36%, 66%)  Iceberg
#88c7a8  rgb(136, 199, 168)  hsl(150, 36%, 66%)  Medium Aquamarine
#a888c7  rgb(168, 136, 199)  hsl(270, 36%, 66%)  Purple Mountain Majesty