Hoppa till färgväljaren

Färgen #f4a366: Klar ljusorange

#f4a366 är rgb(244, 163, 102) i RGB och oklch(78.303% 0.12339 56.722) i OKLCH. Alla andra format, nyanser och kontrastvärden hittar du nedan.

Tolkad som HEX

26°
100 %

78,3 %
0,123
57°
  • Orange
  • Ljus
  • Klar
  • Varm
  • ≈ Orange
  • orange-300
  • Svärta 4 %

Inom sRGB: ser likadan ut på alla skärmar.

Vit text
2.04:1Svårläst
Lc -44
Svart text
10.28:1Läsbar · AA
Lc 64

Nyanser

Från ljusast till mörkast. Klicka på en nyans för att använda den.

Harmonier

Senaste

Färger du stannar på eller kopierar visas här. De sparas bara på den här enheten.

Om #f4a366

#f4a366 är en klar ljusorange färg. I OKLCH har den ljusheten 78,3 %, kroma 0.123 och färgtonen 57°.

Inom sRGB: ser likadan ut på alla skärmar.

Vit text på färgen når kontrasten 2.04:1 och svart text 10.28:1, så svart text är lättare att läsa.

Närmaste namngivna färg är Orange (#ffa500). I Tailwind CSS är närmaste färg orange-300.

Fler ljusa orange färger

Ljusare: #f4a366 blandad med vitt

Mörkare: #f4a366 blandad med svart

Lugnare: #f4a366 med lägre mättnad

Liknande namngivna färger

Färger som passar till #f4a366

Komplementär
Analog
Triadisk
Delad

Frågor om #f4a366

Vilken färg är #f4a366?

#f4a366 är en klar ljusorange nyans. Närmaste namngivna färg är Klar ljusorange. I RGB är den rgb(244, 163, 102), i HSL hsl(25.77, 86.59%, 67.84%) och i OKLCH oklch(78.303% 0.12339 56.722).

Vilka färger passar ihop med #f4a366?

Komplementfärgen till #f4a366 är #61c4fd. För en lugnare kombination kan du använda de analoga färgerna #fe988e och #dbb352. Triadpartnerna är #4bd2b6 och #c0a7fe.

Är vit eller svart text mest lättläst på #f4a366?

Svart text är lättare att läsa på #f4a366: vit ger kontrastförhållandet 2.04:1 och svart ger 10.28:1. WCAG AA kräver minst 4,5:1 för brödtext.

Är #f4a366 en varm eller kall färg?

#f4a366 är en varm färg. I OKLCH är färgtonen 57 grader, ljusheten 78,3 % och kroma 0.123.