Färg #FDC5E3 (Sugarwinkle)
Hexadecimalkoden #FDC5E3 motsvarar färgen Sugarwinkle. Nedan kan du se dess exakta värden i RGB, HSL och CMYK, kontrollera dess kontrast mot vit och svart bakgrund, och upptäck liknande och kompletterande färger inom familjen rosa.
| HEX-kod | #FDC5E3 |
|---|---|
| RGB-kod | rgb(253, 197, 227) |
| HSL-kod | hsl(327.9, 93.3%, 88.2%) |
| CMYK-kod | cmyk(0%, 22%, 10%, 1%) |
| Färgfamilj | Rosa |
Kontrast och tillgänglighet (WCAG)
Komplementär färg
Metal#BABFBC
Liknande färger
Utforska färger efter familj
Över 469 namngivna färger, med deras HEX-, RGB-, HSL- och CMYK-koder, organiserade i 12 färgtonfamiljer.
Hur du använder färgen Sugarwinkle
Använd det i din CSS eller design
Kopiera koden #FDC5E3 och använd den direkt i din stilmall, till exempel background-color: #FDC5E3; eller color: #FDC5E3;. Om du behöver värdet i ett annat format, konvertera det till RGB, HSL eller CMYK med vår färgkonverterare.
Kombinera det med andra färger
Testa Sugarwinkle tillsammans med dess komplementärfärg eller tillsammans med liknande toner från färgfamiljen rosa som vi visar nedan, eller generera en komplett palett från denna färg med paletgeneratorn.
Kontrollera att det är tillgängligt
Innan du använder Sugarwinkle som text- eller bakgrundsfärg, kontrollera kontrastkvoten mot vitt och svart som visas ovan, eller analysera valfri kombination i kontrastkontrollanten för att säkerställa att den uppfyller WCAG AA och AAA nivåer.
Vanliga frågor
Vilken färg är #FDC5E3?
+
Koden #FDC5E3 motsvarar färgen Sugarwinkle, inom familjen rosa.
Vilka färger kombineras bra med Sugarwinkle?
+
Du kan se dess komplementärfärg och flera liknande färger nedan, eller generera en komplett palett från Sugarwinkle med vår palettgenerator.
Är färgen Sugarwinkle tillgänglig för text?
+
Det beror på bakgrunden: kontrollera kontrastförhållandet mot vitt och svart ovan för att se om det uppfyller WCAG AA och AAA tillgänglighetsnivåer.
