ColorTool
Se connecter
#F2F0ED

#f2f0ed ≈ Isabelline

  • gris
  • Luminosité: très élevée
  • Saturation: atténuée
  • Neutre
Vérifier le contraste Explorer dans le graphe Couleur aléatoire

#f2f0ed est une couleur de la famille « gris », avec une luminosité très élevée et une saturation atténuée. Dans le modèle RGB, elle se compose de 94,9 % de rouge, 94,12 % de vert et 92,94 % de bleu ; imprimée en CMJN, elle utilise 0 % de cyan, 0,83 % de magenta, 2,07 % de jaune et 5,1 % de noir. Son angle de teinte est de 36°, avec 16,13 % de saturation et 93,92 % de luminosité en HSL. C’est une couleur neutre, souvent associée à la neutralité, l’équilibre et le professionnalisme. Les designers l’utilisent souvent pour le texte et la typographie, les identités d’entreprise et les arrière-plans et grandes surfaces. Un texte noir sur cette couleur atteint un rapport de contraste de 18,46:1 (WCAG AAA). La couleur nommée la plus proche est Isabelline (#f4f0ec), ΔE 0,97.

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

Complémentaire

  1. #f2f0ed
  2. #edeff2

Complémentaire divisé

  1. #f2f0ed
  2. #edf1f2
  3. #ededf2

Analogue

  1. #f2eded
  2. #f2f0ed
  3. #f1f2ed

Triadique

  1. #f2f0ed
  2. #edf2f0
  3. #f0edf2

Tétradique

  1. #f2f0ed
  2. #eff2ed
  3. #edeff2
  4. #f0edf2

Carré

  1. #f2f0ed
  2. #edf2ed
  3. #edeff2
  4. #f2edf1

Monochrome

  1. #b2a694
  2. #d2cbc1
  3. #f2f0ed
  4. #f6f5f3
  5. #f6f5f3

Ombres

#f2f0ed mélangé progressivement avec du noir.

  1. #f2f0ed
  2. #dad8d5
  3. #c2c0be
  4. #a9a8a6
  5. #91908e
  6. #797877
  7. #61605f
  8. #494847
  9. #30302f
  10. #181818
  11. #000000

Teintes

#f2f0ed mélangé progressivement avec du blanc.

  1. #f2f0ed
  2. #f3f2ef
  3. #f5f3f1
  4. #f6f5f2
  5. #f7f6f4
  6. #f9f8f6
  7. #faf9f8
  8. #fbfbfa
  9. #fcfcfb
  10. #fefefd
  11. #ffffff

Tons

#f2f0ed mélangé progressivement avec du gris.

  1. #f2f0ed
  2. #e7e5e2
  3. #dbdad7
  4. #d0cecc
  5. #c4c3c1
  6. #b9b8b7
  7. #aeadac
  8. #a2a2a1
  9. #979696
  10. #8b8b8b
  11. #808080

Texte lisible 1.14:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texte lisible 18.46:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #f0f0f0 ≈ 0.003% des hommes
Achromatomalie #f1f0ef ≈ 0.001% des hommes
Protanopie #f1f0ed ≈ 1.01% des hommes
Deutéranopie #f1f0ed ≈ 1.27% des hommes
Tritanopie #f3efef ≈ 0.0001% des hommes
Protanomalie #f1f0ed ≈ 1.08% des hommes
Deutéranomalie #f2f0ed ≈ 4.63% des hommes
Tritanomalie #f3f0ee ≈ 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-f2f0ed {
  color: #f2f0ed;
}
Arrière-plan
.bg-f2f0ed {
  background-color: #f2f0ed;
  color: #000000;
}
Bordure
.border-f2f0ed {
  border: 2px solid #f2f0ed;
}
Variables CSS
:root {
  --color-primary: #f2f0ed;
  --color-primary-rgb: 242 240 237;
  --color-primary-hsl: 36 16% 94%;
}
Dégradé
.gradient-f2f0ed {
  background: linear-gradient(135deg, #f2f0ed, #f1f2ed);
}
Ombre colorée
.shadow-f2f0ed {
  box-shadow: 0 8px 24px rgb(242 240 237 / 0.35);
}

#f4f0ec Isabelline ΔE 0.97 #f5f5f5 White Smoke ΔE 1.91 #e5e4e2 Platinum ΔE 2.67 #fffafa Snow ΔE 3.31 #ffffff White ΔE 3.42 #fffaf0 Floral White ΔE 3.82 #fff5ee Seashell ΔE 3.89 #0d0f12 Inversée #f0f0f0 Niveaux de gris 

Isabelline
#f2f0ed  rgb(242, 240, 237)  hsl(36, 16%, 94%)  Isabelline
#edeff2  rgb(237, 239, 242)  hsl(216, 16%, 94%)  White Smoke
#edf2f0  rgb(237, 242, 240)  hsl(156, 16%, 94%)  White Smoke
#f0edf2  rgb(240, 237, 242)  hsl(276, 16%, 94%)  Ghost White