Hoppa till färgväljaren

Färgen #f2a362: Klar ljusorange

#f2a362 är rgb(242, 163, 98) i RGB och oklch(78.019% 0.12417 58.968) i OKLCH. Alla andra format, nyanser och kontrastvärden hittar du nedan.

Tolkad som HEX

27°
100 %

78 %
0,124
59°
  • Orange
  • Ljus
  • Klar
  • Varm
  • ≈ Orange
  • orange-300
  • Svärta 5 %

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

Vit text
2.06:1Svårläst
Lc -45
Svart text
10.19: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 #f2a362

#f2a362 är en klar ljusorange färg. I OKLCH har den ljusheten 78 %, kroma 0.124 och färgtonen 59°.

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

Vit text på färgen når kontrasten 2.06:1 och svart text 10.19: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: #f2a362 blandad med vitt

Mörkare: #f2a362 blandad med svart

Lugnare: #f2a362 med lägre mättnad

Liknande namngivna färger

Färger som passar till #f2a362

Komplementär
Analog
Triadisk
Delad

Frågor om #f2a362

Vilken färg är #f2a362?

#f2a362 är en klar ljusorange nyans. Närmaste namngivna färg är Klar ljusorange. I RGB är den rgb(242, 163, 98), i HSL hsl(27.08, 84.71%, 66.67%) och i OKLCH oklch(78.019% 0.12417 58.968).

Vilka färger passar ihop med #f2a362?

Komplementfärgen till #f2a362 är #63c2fe. För en lugnare kombination kan du använda de analoga färgerna #fd9889 och #d7b350. Triadpartnerna är #44d1b9 och #c2a5fc.

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

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

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

#f2a362 är en varm färg. I OKLCH är färgtonen 59 grader, ljusheten 78 % och kroma 0.124.