Väripaletit

Väri: hattarapinkki

Makea, vaalea pinkki kuin hattara tivolissa. Suosikki lasten juhlissa, jälkiruoissa ja leikkisissä pakkauksissa.

Muut nimet: hattara.

Avaa editorissa

HEX-värikoodi on #FFBCD9 (hattarapinkki). RGB-muodossa se on rgb(255, 188, 217), HSL-muodossa hsl(334, 100%, 87%) ja CMYK-arvot ovat 0, 26, 15, 0.

Näe se oikeasti

Valitse yhdistettävä väri ja katso, miltä se näyttää vaatteissa, sisustuksessa ja designissa.

Samankaltaiset värit: hattarapinkki

Vaaleanpunainen#FFC0CBVaalea roosa#FFB6C1Pastellinroosa#FFD1DCPuuterinroosa#E8B4B8Vauvanroosa#F4C2C2Ohdakkeenvioletti#D8BFD8

Perustiedot: hattarapinkki

Tämä väri (hattarapinkki, #FFBCD9) on lämmin, vaalea ja hyvin kylläinen. Väriryhmä: vaaleanpunaiset sävyt. RGB-sekoitus: punaista 255, vihreää 188 ja sinistä 217 (asteikolla 0–255). Tyypillisiä käyttökohteita: lapset, leivonta, tapahtumat.

Värimalli: Hattarapinkki ja sen sävyt vaaleasta tummaan · #FFBCD9
Hattarapinkki · #FFBCD9

Vaaleat ja tummat sävyt: hattarapinkki

Vaaleimmasta tummimpaan. Napauta sävyä, niin koodi kopioituu.

Näe kaikki sävyt: Värisävyjen generaattori

Väriharmoniat: hattarapinkki

Yhdistelmät väriympyrän mukaan. Lue lisää väriharmonioista.

KomplementaarinenLähellä: Ankanmunansininen
AnaloginenLähellä: Malva, Meloni
TriadiLähellä: Seladoni, Talvionsininen
Jaettu komplementaarinenLähellä: Seladoni, Pastelliturkoosi
TetradiLähellä: Vanilja, Ankanmunansininen, Talvionsininen

Väripaletteja, joissa on hattarapinkki

Kopioi koodit tai avaa paletti editorissa ja muokkaa sitä.

Paletti: Monokromaattinen · Hattarapinkki
Paletti: Analoginen · Hattarapinkki
Paletti: Komplementaarinen · Hattarapinkki
Paletti: Triadi · Hattarapinkki
Paletti: Neutraalit sävyt · Hattarapinkki
Paletti: Korostusväri · Hattarapinkki

Kontrasti tekstin kanssa: hattarapinkki

Valkoinen tekstiKontrasti 1.6:1 · Ei suositella
Musta tekstiKontrasti 13.4:1 · AAA

WCAG 2.1 -ohjeiden mukaan. Testaa muita väripareja kontrastin tarkistuksella.

CSS-koodi

:root {
  --hattarapinkki: #FFBCD9;
  --hattarapinkki-rgb: 255, 188, 217;
}
.tausta { background-color: var(--hattarapinkki); }
.teksti { color: var(--hattarapinkki); }

Samankaltaiset värit: hattarapinkki

LiilaRuusukvartsiPölyinen roosaFlamingonpinkki

Teemapaletit, joissa on tämä väri

Väripaletit quinceañera-juhliinYksiväriset väripaletit

Muut vaaleanpunaiset sävyt

VaaleanpunainenPuuterinroosaVanha roosaFuksiaMagentaKirkas pinkkiMeksikonpinkkiPastellinroosaVauvanroosaSyvä pinkkiVadelmanpunainenRuusukvartsiRuusukultaPoskipunaFlamingonpinkkiNeonpinkkiPölyinen roosaVesimeloninpinkkiVaalea roosaTumma pinkkiLohenpinkki
Värimalli: Hattarapinkki ja sen sävyt vaaleasta tummaan · #FFBCD9
Värimalli: Hattarapinkki ja sen sävyt vaaleasta tummaan · #FFBCD9

Kokeile seuraavaksi

Nimen väripalettiKirjoita nimi ja saat oman color story paletin16 persoonallisuustyypin väritVastaa 8 kysymykseen ja saat oman imagovärisiPäivän onnenväriPäivittäinen onnenvärisi horoskooppimerkin mukaan
Katso kaikki ilmaiset työkalut →

Usein kysytyt kysymykset

Väri hattarapinkki: mikä on sen värikoodi?

HEX-värikoodi on #FFBCD9 (hattarapinkki). RGB-muodossa se on rgb(255, 188, 217), HSL-muodossa hsl(334, 100%, 87%) ja CMYK-arvot ovat 0, 26, 15, 0.

Väri hattarapinkki: mikä on sen vastaväri?

Vastaväri väriympyrässä on #BCFFE2 (lähin nimetty väri: ankanmunansininen). Pieninä määrinä se toimii korostusvärinä ja tuo paljon kontrastia.

Väri hattarapinkki: voiko sen päällä käyttää valkoista tekstiä?

Käytä mieluummin mustaa tekstiä: kontrasti valkoiseen on vain 1.6:1, mustaan 13.4:1.