Kleur #FFF7ED (Fatback)

De hexadecimale code #FFF7ED komt overeen met de kleur Fatback. Hieronder zie je de exacte waarden in RGB, HSL en CMYK, kun je het contrast op witte en zwarte achtergronden controleren, en ontdek je vergelijkbare en complementaire kleuren binnen de witten-familie.

HEX-code	#FFF7ED
RGB-code	rgb(255, 247, 237)
HSL-code	hsl(33.3, 100%, 96.5%)
CMYK-code	cmyk(0%, 3%, 7%, 0%)
Kleurenfamilie	Witten

Contrast en toegankelijkheid (WCAG)

Op witte achtergrond: 1.06:1

AA ✕

AAA ✕

Op zwarte achtergrond: 19.78:1

AA ✓

AAA ✓

Openen in de kleuromzetter Een palet met deze kleur maken

Complementaire kleur

First Snow
#E8EFF8

Vergelijkbare kleuren

Enoki Linen La Luna Milk Milk Foam Snow

Verken kleuren per familie

Meer dan 469 benoemde kleuren, met hun HEX-, RGB-, HSL- en CMYK-codes, georganiseerd in 12 kleurengroepen.

Rood 50 Oranje 45 Bruinen 40 Gelen 40 Groen 55 Turquoise 35 Blauwtinten 55 Purper 45 Roze 45 Grijs 35 Witten 15 Zwarten 9 Pastel 36

Hoe u de kleur Fatback gebruikt

Pas het toe in uw CSS of ontwerp

Kopieer de code #FFF7ED en gebruik deze direct in je stylesheet, bijvoorbeeld background-color: #FFF7ED; of color: #FFF7ED;. Als je de waarde in een ander formaat nodig hebt, converteer deze naar RGB, HSL of CMYK met onze kleurenconverter.

Combineer het met andere kleuren

Probeer Fatback samen met de complementaire kleur of met vergelijkbare tinten uit de witten-familie die we hieronder tonen, of genereer een volledige palet op basis van deze kleur met de paletgenerator.

Controleer de toegankelijkheid

Voordat je Fatback gebruikt als tekst- of achtergrondkleur, controleer de contrastverhouding tegen wit en zwart hierboven aangegeven, of analyseer elke combinatie in de contrastchecker om er zeker van te zijn dat deze voldoet aan de WCAG AA- en AAA-niveaus.

Veelgestelde vragen

Welke kleur is #FFF7ED?

De code #FFF7ED correspondeert met de kleur Fatback, behorend tot de familie van witten.

Welke kleuren combineren goed met Fatback?

Je kunt hieronder de complementaire kleur en enkele vergelijkbare kleuren zien, of genereer een volledig palet op basis van Fatback met onze paletgenerator.

Is de kleur Fatback toegankelijk voor tekst?

Het hangt af van de achtergrond: raadpleeg de contrastverhouding op wit en zwart hierboven om te controleren of deze voldoet aan de WCAG AA- en AAA-toegankelijkheidsniveaus.