Väri #FFA177 (Butternut)
Heksadesimaalikoodi #FFA177 vastaa väriä Butternut. Alla näet sen tarkat RGB-, HSL- ja CMYK-arvot, voit tarkistaa sen kontrastin valkoisella ja mustalla pohjalla ja löytää samankaltaisia ja komplementaarisia värejä oranssit-perheen sisällä.
| HEX-koodi | #FFA177 |
|---|---|
| RGB-koodi | rgb(255, 161, 119) |
| HSL-koodi | hsl(18.5, 100%, 73.3%) |
| CMYK-koodi | cmyk(0%, 37%, 53%, 0%) |
| Väriperheen | Oranssit |
Kontrasti ja saavutettavuus (WCAG)
Komplementaarinen väri
Ariel#AED7EA
Samankaltaiset värit
Tutustu väreihin perheen mukaan
Yli 469 nimettyä väriä HEX-, RGB-, HSL- ja CMYK-koodeilla, järjestetty 12 sävyperheeseen.
Kuinka käyttää väriä Butternut
Käytä sitä CSS:ssä tai suunnittelussa
Kopioi #FFA177-koodi ja käytä sitä suoraan tyylisivulla, esimerkiksi background-color: #FFA177; tai color: #FFA177;. Jos tarvitset arvon toisessa muodossa, muunna se RGB:ksi, HSL:ksi tai CMYK:ksi värinkäyttäjämme avulla.
Yhdistä se muihin väreihin
Testaa Butternut sen komplementaarivärin kanssa tai samankaltaisten sävyjen kanssa oranssit-perheestä, jotka näytämme alla, tai luo täydellinen väripaletti tästä väristä palettinkehittäjämme avulla.
Tarkista saavutettavuus
Ennen kuin käytät Butternut:ä teksti- tai taustaverenä, tarkista kontrastin suhde valkoisella ja mustalla, joka näkyy yllä, tai analysoi mikä tahansa yhdistelmä kontrastintarkistajassamme varmistaaksesi WCAG AA- ja AAA-vaatimuksiin.
Usein kysytyt kysymykset
Mikä väri on #FFA177?
+
Koodi #FFA177 vastaa väriä Butternut, joka kuuluu oranssit-väriperheeseen.
Mitkä värit sopivat hyvin yhteen Butternut-värin kanssa?
+
Voit nähdä sen komplementaarivärin ja useita muita samankaltaisia värejä alla, tai luoda täydellisen väripalettia Butternut-väristä käyttämällä väripalettien generaattoriamme.
Onko väri Butternut saavutettava tekstissä?
+
Se riippuu taustasta: tarkista kontrastisuhde valkoisella ja mustalla pohjalla yllä saadaksesi tietää, täyttyykö WCAG AA ja AAA saavutettavuuden tasot.
