ColorTool
Se connecter
#AAE2AD

#aae2ad ≈ Celadon

  • vert
  • Luminosité: élevée
  • Saturation: atténuée
  • Équilibrée
Vérifier le contraste Explorer dans le graphe Couleur aléatoire

#aae2ad est une couleur de la famille « vert », avec une luminosité élevée et une saturation atténuée. Dans le modèle RGB, elle se compose de 66,67 % de rouge, 88,63 % de vert et 67,84 % de bleu ; imprimée en CMJN, elle utilise 24,78 % de cyan, 0 % de magenta, 23,45 % de jaune et 11,37 % de noir. Son angle de teinte est de 123,21°, avec 49,12 % de saturation et 77,65 % de luminosité en HSL. Elle se situe entre chaud et froid et est souvent associée à la nature, la santé et l’équilibre. Les designers l’utilisent souvent pour les marques écologiques, la santé et le bien-être et les palettes pastel douces. Un texte noir sur cette couleur atteint un rapport de contraste de 14,19:1 (WCAG AAA). La couleur nommée la plus proche est Celadon (#ace1af), ΔE 0,77.

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

Complémentaire

  1. #aae2ad
  2. #e2aadf

Complémentaire divisé

  1. #aae2ad
  2. #c9aae2
  3. #e2aac3

Analogue

  1. #c3e2aa
  2. #aae2ad
  3. #aae2c9

Triadique

  1. #aae2ad
  2. #adaae2
  3. #e2adaa

Tétradique

  1. #aae2ad
  2. #aadfe2
  3. #e2aadf
  4. #e2adaa

Carré

  1. #aae2ad
  2. #aac3e2
  3. #e2aadf
  4. #e2c9aa

Monochrome

  1. #3eb544
  2. #71cf76
  3. #aae2ad
  4. #e3f5e4
  5. #f0faf0

Ombres

#aae2ad mélangé progressivement avec du noir.

  1. #aae2ad
  2. #99cb9c
  3. #88b58a
  4. #779e79
  5. #668868
  6. #557157
  7. #445a45
  8. #334434
  9. #222d23
  10. #111711
  11. #000000

Teintes

#aae2ad mélangé progressivement avec du blanc.

  1. #aae2ad
  2. #b3e5b5
  3. #bbe8bd
  4. #c4ebc6
  5. #cceece
  6. #d5f1d6
  7. #ddf3de
  8. #e6f6e6
  9. #eef9ef
  10. #f7fcf7
  11. #ffffff

Tons

#aae2ad mélangé progressivement avec du gris.

  1. #aae2ad
  2. #a6d8a9
  3. #a2cea4
  4. #9dc5a0
  5. #99bb9b
  6. #95b197
  7. #91a792
  8. #8d9d8e
  9. #889489
  10. #848a85
  11. #808080

Texte lisible 1.48:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texte lisible 14.19:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #d4d4d4 ≈ 0.003% des hommes
Achromatomalie #c5dac6 ≈ 0.001% des hommes
Protanopie #e4d8aa ≈ 1.01% des hommes
Deutéranopie #dbd2b0 ≈ 1.27% des hommes
Tritanopie #a4dfd3 ≈ 0.0001% des hommes
Protanomalie #cfdcab ≈ 1.08% des hommes
Deutéranomalie #c9d9af ≈ 4.63% des hommes
Tritanomalie #a6e0c5 ≈ 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-aae2ad {
  color: #aae2ad;
}
Arrière-plan
.bg-aae2ad {
  background-color: #aae2ad;
  color: #000000;
}
Bordure
.border-aae2ad {
  border: 2px solid #aae2ad;
}
Variables CSS
:root {
  --color-primary: #aae2ad;
  --color-primary-rgb: 170 226 173;
  --color-primary-hsl: 123 49% 78%;
}
Dégradé
.gradient-aae2ad {
  background: linear-gradient(135deg, #aae2ad, #aae2c9);
}
Ombre colorée
.shadow-aae2ad {
  box-shadow: 0 8px 24px rgb(170 226 173 / 0.35);
}

#ace1af Celadon ΔE 0.77 #a8e4a0 Granny Smith Apple ΔE 3.20 #9fe2bf Seafoam Green ΔE 5.54 #d0f0c0 Tea Green ΔE 6.24 #aaf0d1 Magic Mint ΔE 7.59 #90ee90 Light Green ΔE 8.06 #8fbc8f Dark Sea Green ΔE 9.28 #551d52 Inversée #d4d4d4 Niveaux de gris 

Celadon
#aae2ad  rgb(170, 226, 173)  hsl(123, 49%, 78%)  Celadon
#e2aadf  rgb(226, 170, 223)  hsl(303, 49%, 78%)  Plum
#adaae2  rgb(173, 170, 226)  hsl(243, 49%, 78%)  Wild Blue Yonder
#e2adaa  rgb(226, 173, 170)  hsl(3, 49%, 78%)  Pastel Pink