ColorTool
Se connecter
#EDBAA2

#edbaa2 ≈ Zinnwaldite

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

#edbaa2 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 92,94 % de rouge, 72,94 % de vert et 63,53 % de bleu ; imprimée en CMJN, elle utilise 0 % de cyan, 21,52 % de magenta, 31,65 % de jaune et 7,06 % de noir. Son angle de teinte est de 19,2°, avec 67,57 % de saturation et 78,24 % 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 palettes pastel douces. Un texte noir sur cette couleur atteint un rapport de contraste de 12,15:1 (WCAG AAA). La couleur nommée la plus proche est Zinnwaldite (#ebc2af), ΔE 3,12.

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

Complémentaire

  1. #edbaa2
  2. #a2d5ed

Complémentaire divisé

  1. #edbaa2
  2. #a2ede0
  3. #a2b0ed

Analogue

  1. #eda2b0
  2. #edbaa2
  3. #ede0a2

Triadique

  1. #edbaa2
  2. #a2edba
  3. #baa2ed

Tétradique

  1. #edbaa2
  2. #d5eda2
  3. #a2d5ed
  4. #baa2ed

Carré

  1. #edbaa2
  2. #b0eda2
  3. #a2d5ed
  4. #e0a2ed

Monochrome

  1. #ce5d28
  2. #e18a62
  3. #edbaa2
  4. #f9eae2
  5. #fcf2ee

Ombres

#edbaa2 mélangé progressivement avec du noir.

  1. #edbaa2
  2. #d5a792
  3. #be9582
  4. #a68271
  5. #8e7061
  6. #775d51
  7. #5f4a41
  8. #473831
  9. #2f2520
  10. #181310
  11. #000000

Teintes

#edbaa2 mélangé progressivement avec du blanc.

  1. #edbaa2
  2. #efc1ab
  3. #f1c8b5
  4. #f2cfbe
  5. #f4d6c7
  6. #f6ddd1
  7. #f8e3da
  8. #faeae3
  9. #fbf1ec
  10. #fdf8f6
  11. #ffffff

Tons

#edbaa2 mélangé progressivement avec du gris.

  1. #edbaa2
  2. #e2b49f
  3. #d7ae9b
  4. #cca998
  5. #c1a394
  6. #b79d91
  7. #ac978e
  8. #a1918a
  9. #968c87
  10. #8b8683
  11. #808080

Texte lisible 1.73:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texte lisible 12.15:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #c5c5c5 ≈ 0.003% des hommes
Achromatomalie #d6c1b8 ≈ 0.001% des hommes
Protanopie #c7bfa0 ≈ 1.01% des hommes
Deutéranopie #d3c9a2 ≈ 1.27% des hommes
Tritanopie #fbb2b3 ≈ 0.0001% des hommes
Protanomalie #d7bda1 ≈ 1.08% des hommes
Deutéranomalie #dec3a2 ≈ 4.63% des hommes
Tritanomalie #f5b5ad ≈ 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-edbaa2 {
  color: #edbaa2;
}
Arrière-plan
.bg-edbaa2 {
  background-color: #edbaa2;
  color: #000000;
}
Bordure
.border-edbaa2 {
  border: 2px solid #edbaa2;
}
Variables CSS
:root {
  --color-primary: #edbaa2;
  --color-primary-rgb: 237 186 162;
  --color-primary-hsl: 19 68% 78%;
}
Dégradé
.gradient-edbaa2 {
  background: linear-gradient(135deg, #edbaa2, #ede0a2);
}
Ombre colorée
.shadow-edbaa2 {
  box-shadow: 0 8px 24px rgb(237 186 162 / 0.35);
}

#ebc2af Zinnwaldite ΔE 3.12 #fbceb1 Apricot ΔE 5.34 #deaa88 Tumbleweed ΔE 5.52 #edc9af Desert Sand ΔE 5.67 #fdbcb4 Melon ΔE 7.84 #fdd5b1 Light Apricot ΔE 8.57 #ffddca Unbleached Silk ΔE 8.77 #12455d Inversée #c5c5c5 Niveaux de gris 

Zinnwaldite
#edbaa2  rgb(237, 186, 162)  hsl(19, 68%, 78%)  Zinnwaldite
#a2d5ed  rgb(162, 213, 237)  hsl(199, 68%, 78%)  Light Blue
#a2edba  rgb(162, 237, 186)  hsl(139, 68%, 78%)  Celadon
#baa2ed  rgb(186, 162, 237)  hsl(259, 68%, 78%)  Wisteria