ColorTool
Se connecter
#AADFA9

#aadfa9 ≈ Celadon

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

#aadfa9 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, 87,45 % de vert et 66,27 % de bleu ; imprimée en CMJN, elle utilise 23,77 % de cyan, 0 % de magenta, 24,22 % de jaune et 12,55 % de noir. Son angle de teinte est de 118,89°, avec 45,76 % de saturation et 76,86 % 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 13,84:1 (WCAG AAA). La couleur nommée la plus proche est Celadon (#ace1af), ΔE 1,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#99cc99
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binaire
Décimal
Luminance relative0.6419

Complémentaire

  1. #aadfa9
  2. #dea9df

Complémentaire divisé

  1. #aadfa9
  2. #c3a9df
  3. #dfa9c5

Analogue

  1. #c5dfa9
  2. #aadfa9
  3. #a9dfc3

Triadique

  1. #aadfa9
  2. #a9aadf
  3. #dfa9aa

Tétradique

  1. #aadfa9
  2. #a9dfde
  3. #dea9df
  4. #dfa9aa

Carré

  1. #aadfa9
  2. #a9c5df
  3. #dea9df
  4. #dfc3a9

Monochrome

  1. #43ae41
  2. #73ca71
  3. #aadfa9
  4. #e1f4e1
  5. #f0f9f0

Ombres

#aadfa9 mélangé progressivement avec du noir.

  1. #aadfa9
  2. #99c998
  3. #88b287
  4. #779c76
  5. #668665
  6. #557055
  7. #445944
  8. #334333
  9. #222d22
  10. #111611
  11. #000000

Teintes

#aadfa9 mélangé progressivement avec du blanc.

  1. #aadfa9
  2. #b3e2b2
  3. #bbe5ba
  4. #c4e9c3
  5. #cceccb
  6. #d5efd4
  7. #ddf2dd
  8. #e6f5e5
  9. #eef9ee
  10. #f7fcf6
  11. #ffffff

Tons

#aadfa9 mélangé progressivement avec du gris.

  1. #aadfa9
  2. #a6d6a5
  3. #a2cca1
  4. #9dc39d
  5. #99b999
  6. #95b095
  7. #91a690
  8. #8d9d8c
  9. #889388
  10. #848a84
  11. #808080

Texte lisible 1.52:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texte lisible 13.84:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #d2d2d2 ≈ 0.003% des hommes
Achromatomalie #c3d7c3 ≈ 0.001% des hommes
Protanopie #e1d5a6 ≈ 1.01% des hommes
Deutéranopie #d9d0ac ≈ 1.27% des hommes
Tritanopie #a5dcd0 ≈ 0.0001% des hommes
Protanomalie #ced9a7 ≈ 1.08% des hommes
Deutéranomalie #c8d6ab ≈ 4.63% des hommes
Tritanomalie #a7ddc2 ≈ 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-aadfa9 {
  color: #aadfa9;
}
Arrière-plan
.bg-aadfa9 {
  background-color: #aadfa9;
  color: #000000;
}
Bordure
.border-aadfa9 {
  border: 2px solid #aadfa9;
}
Variables CSS
:root {
  --color-primary: #aadfa9;
  --color-primary-rgb: 170 223 169;
  --color-primary-hsl: 119 46% 77%;
}
Dégradé
.gradient-aadfa9 {
  background: linear-gradient(135deg, #aadfa9, #a9dfc3);
}
Ombre colorée
.shadow-aadfa9 {
  box-shadow: 0 8px 24px rgb(170 223 169 / 0.35);
}

#ace1af Celadon ΔE 1.12 #a8e4a0 Granny Smith Apple ΔE 3.01 #9fe2bf Seafoam Green ΔE 6.11 #d0f0c0 Tea Green ΔE 6.34 #90ee90 Light Green ΔE 8.13 #aaf0d1 Magic Mint ΔE 8.34 #8fbc8f Dark Sea Green ΔE 8.67 #552056 Inversée #d2d2d2 Niveaux de gris 

Celadon
#aadfa9  rgb(170, 223, 169)  hsl(119, 46%, 77%)  Celadon
#dea9df  rgb(222, 169, 223)  hsl(299, 46%, 77%)  Plum
#a9aadf  rgb(169, 170, 223)  hsl(239, 46%, 77%)  Wild Blue Yonder
#dfa9aa  rgb(223, 169, 170)  hsl(359, 46%, 77%)  Pastel Pink