Boja puter žuta

Nežna, kremasta bleda žuta poput svežeg putera. Poslednjih godina snažno se vratila u modu i uređenje doma. Nežno razvedrava prolećnu odeću, kuhinje i dečje sobe.

Drugi nazivi: puter, krem žuta.

Otvori u editoru

HEX kod boje puter žuta je #FFFD74. U RGB-u je to rgb(255, 253, 116), u HSL-u hsl(59, 100%, 73%), a u CMYK-u 0, 1, 55, 0.

Kako zaista izgleda

Izaberite boju za kombinaciju i pogledajte kako izgleda na odeći, u enterijeru i u dizajnu.

Boje slične boji puter žuta

Kukuruzna#FBEC5D Pastelno žuta#FDFD96 Banana#FFE135 Staro zlato#CFB53B Kanarinac žuta#FFEF00 Zlatnožuta#FFDF00

Boja puter žuta ukratko

Boja puter žuta (#FFFD74) je topla, svetla i veoma zasićena. Pripada grupi nijanse žute. Sastoji se od 255 delova crvene, 253 zelene i 116 plave (od 255). Tipična upotreba: Moda, Enterijer, Za decu.

Uzorak boje Puter žuta sa nijansama od svetle do tamne · #FFFD74 — Puter žuta · #FFFD74

Nijanse boje puter žuta: svetle i tamne

Od najsvetlije do najtamnije. Dodirni nijansu i kopiraj njen kod.

Prikaži sve nijanse: Generator nijansi boja

Harmonije boje puter žuta

Kombinacije prema krugu boja. Više ćeš naći u alatu harmonija boja.

KomplementarnaBlizu: Električno plava

AnalogneBlizu: Srneća braon, Nana

TrijadaBlizu: Azurna, Orhideja

Podeljena komplementarnaBlizu: Zasićena nebesko plava, Ametist

TetradaBlizu: Akvamarin, Električno plava, Roze kao žvaka

Palete sa bojom puter žuta

Kopiraj kodove ili otvori paletu u editoru i prilagodi je.

Paleta: Monohromatska · Puter žuta

Paleta: Analogna · Puter žuta

Paleta: Komplementarna · Puter žuta

Paleta: Trijada · Puter žuta

Paleta: Sa neutralnim bojama · Puter žuta

Paleta: Sa akcentom · Puter žuta

Kontrast boje puter žuta sa tekstom

Beli tekstKontrast 1.1:1 · Ne preporučuje se

Crni tekstKontrast 19.6:1 · AAA

Prema pravilima WCAG 2.1. Druge parove proveri u proveri kontrasta.

CSS kod

:root {
  --puter-zuta: #FFFD74;
  --puter-zuta-rgb: 255, 253, 116;
}
.pozadina { background-color: var(--puter-zuta); }
.tekst { color: var(--puter-zuta); }