ColorTool
Se connecter
#ABEEDF

#abeedf ≈ Magic Mint

  • bleu-vert
  • Luminosité: élevée
  • Saturation: modérée
  • Froide
Vérifier le contraste Explorer dans le graphe Couleur aléatoire

#abeedf est une couleur de la famille « bleu-vert », avec une luminosité élevée et une saturation modérée. Dans le modèle RGB, elle se compose de 67,06 % de rouge, 93,33 % de vert et 87,45 % de bleu ; imprimée en CMJN, elle utilise 28,15 % de cyan, 0 % de magenta, 6,3 % de jaune et 6,67 % de noir. Son angle de teinte est de 166,57°, avec 66,34 % de saturation et 80,2 % de luminosité en HSL. C’est une couleur froide, souvent associée à la clarté, le calme et le renouveau. Les designers l’utilisent souvent pour la santé et le bien-être, les produits technologiques et les palettes pastel douces. Un texte noir sur cette couleur atteint un rapport de contraste de 16,03:1 (WCAG AAA). La couleur nommée la plus proche est Magic Mint (#aaf0d1), ΔE 5,2.

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

Complémentaire

  1. #abeedf
  2. #eeabba

Complémentaire divisé

  1. #abeedf
  2. #eeabdc
  3. #eebeab

Analogue

  1. #abeebe
  2. #abeedf
  3. #abdcee

Triadique

  1. #abeedf
  2. #dfabee
  3. #eedfab

Tétradique

  1. #abeedf
  2. #abbaee
  3. #eeabba
  4. #eedfab

Carré

  1. #abeedf
  2. #beabee
  3. #eeabba
  4. #dceeab

Monochrome

  1. #2cd4af
  2. #6be1c7
  3. #abeedf
  4. #ebfbf7
  5. #eefcf9

Ombres

#abeedf mélangé progressivement avec du noir.

  1. #abeedf
  2. #9ad6c9
  3. #89beb2
  4. #78a79c
  5. #678f86
  6. #567770
  7. #445f59
  8. #334743
  9. #22302d
  10. #111816
  11. #000000

Teintes

#abeedf mélangé progressivement avec du blanc.

  1. #abeedf
  2. #b3f0e2
  3. #bcf1e5
  4. #c4f3e9
  5. #cdf5ec
  6. #d5f7ef
  7. #ddf8f2
  8. #e6faf5
  9. #eefcf9
  10. #f7fdfc
  11. #ffffff

Tons

#abeedf mélangé progressivement avec du gris.

  1. #abeedf
  2. #a7e3d6
  3. #a2d8cc
  4. #9ecdc3
  5. #9ac2b9
  6. #96b7b0
  7. #91aca6
  8. #8da19d
  9. #899693
  10. #848b8a
  11. #808080

Texte lisible 1.31:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texte lisible 16.03:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #e1e1e1 ≈ 0.003% des hommes
Achromatomalie #cde6e0 ≈ 0.001% des hommes
Protanopie #e8e6de ≈ 1.01% des hommes
Deutéranopie #dcdde0 ≈ 1.27% des hommes
Tritanopie #98f0e9 ≈ 0.0001% des hommes
Protanomalie #d3e9df ≈ 1.08% des hommes
Deutéranomalie #cae4e0 ≈ 4.63% des hommes
Tritanomalie #a0efe5 ≈ 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-abeedf {
  color: #abeedf;
}
Arrière-plan
.bg-abeedf {
  background-color: #abeedf;
  color: #000000;
}
Bordure
.border-abeedf {
  border: 2px solid #abeedf;
}
Variables CSS
:root {
  --color-primary: #abeedf;
  --color-primary-rgb: 171 238 223;
  --color-primary-hsl: 167 66% 80%;
}
Dégradé
.gradient-abeedf {
  background: linear-gradient(135deg, #abeedf, #abdcee);
}
Ombre colorée
.shadow-abeedf {
  box-shadow: 0 8px 24px rgb(171 238 223 / 0.35);
}

#aaf0d1 Magic Mint ΔE 5.20 #afeeee Pale Turquoise ΔE 5.80 #b2ffff Celeste ΔE 6.80 #9fe2bf Seafoam Green ΔE 7.24 #b0e0e6 Powder Blue ΔE 9.61 #7df9ff Electric Blue ΔE 9.74 #7fffd4 Aquamarine ΔE 9.77 #541120 Inversée #e1e1e1 Niveaux de gris 

Magic Mint
#abeedf  rgb(171, 238, 223)  hsl(167, 66%, 80%)  Magic Mint
#eeabba  rgb(238, 171, 186)  hsl(347, 66%, 80%)  Nadeshiko Pink
#dfabee  rgb(223, 171, 238)  hsl(287, 66%, 80%)  Mauve
#eedfab  rgb(238, 223, 171)  hsl(47, 66%, 80%)  Vanilla