Färgpaletter

Färgen orange

Namnet kommer från frukten, som kom till Europa från Asien via arabiskans naranj. Färgen blandar rödens energi med gulens glädje. Den är vanlig på varselvästar, reaskyltar och varumärken som vill kännas vänliga.

Kallas även: apelsinfärgad.

Orange · #FF8000

Fakta om färgen orange

Färgen orange (#FF8000) är varm, medelljus och mycket mättad. Den hör till gruppen orange färger. Den blandas av 255 rött, 128 grönt och 0 blått (av 255). Den används framför allt till logotyper, skyltar, webb, sport.

Nyanser av orange: ljusa och mörka

Från ljus till mörk. Tryck på en nyans för att kopiera koden.

Färger som passar till orange

MarinblåDess mörka komplementfärg: stark och elegant kontrast.VitFräscht och glatt.GråLugnar orange och gör den modern.KaffebrunEn varm höstskala.OlivgrönEn naturlig retromix.LilaEn djärv och kreativ kontrast.TurkosEtt tropiskt par fullt av liv.BeigeEn mjuk och varm bas.
Så kombinerar du orange i kläder och inredning →

Färgharmonier för orange

Kombinationer enligt färgcirkeln. Mer under färgharmonier.

KomplementärLiknar: Elblå
AnalogLiknar: Röd, Gul
TriadLiknar: Mintgrön, Violett
Delad komplementärLiknar: Cyan, Blå
TetradLiknar: Neongrön, Elblå, Magenta

Färgpaletter med orange

Kopiera koderna eller öppna paletten i editorn för att anpassa den.

Palett Monokrom · Orange
Palett Analog · Orange
Palett Komplementär · Orange
Palett Triad · Orange
Palett Med neutrala färger · Orange
Palett Med accent · Orange

Kontrast mellan orange och text

Vit textKontrast 2.5:1 · Rekommenderas inte
Svart textKontrast 8.3:1 · AAA

Enligt WCAG 2.1-riktlinjerna. Testa andra färgpar med kontrastkontrollen.

CSS-kod

:root {
  --orange: #FF8000;
  --orange-rgb: 255, 128, 0;
}
.bakgrund { background-color: var(--orange); }
.text { color: var(--orange); }

Färger som liknar orange

MandarinPumpaorangeMorotsorangeNeonorangeBränd orangeKanelOckraKorallOrangerödMahogny

Färgpaletter efter tema med den här färgen

Färgpaletter för mobilapparFärgpaletter för halloweenFärgpaletter för De dödas dagFärgpaletter med glada färger

Andra orange färger

MandarinPumpaorangeMorotsorangeAprikosPersikaKorallTerrakottaBränd orangeLaxrosaRostbrunKopparNeonorangePastellorangeOrangeröd

Vanliga frågor

Vilken färgkod har orange?

HEX-koden för färgen orange är #FF8000. I RGB är det rgb(255, 128, 0), i HSL hsl(30, 100%, 50%) och i CMYK 0, 50, 100, 0.

Vilken är komplementfärgen till orange?

Komplementfärgen i färgcirkeln är #007FFF, en nyans nära elblå. I små mängder fungerar den bra som accent och ger mycket kontrast.

Kan man använda vit text på färgen orange?

Använd hellre svart text: kontrasten mot vitt är bara 2.5:1, mot svart är den 8.3:1.

Vilka färger passar till orange?

Passar bra med marinblå, vit, grå, kaffebrun, olivgrön. Undvik att para den med stark röd eller rosa utan neutrala färger, eftersom helheten blir skrikig. Med klar gul kan det bli för mycket.