Hoppa till färgväljaren

Färgen #a2bbf0: Mjuk ljusblå

#a2bbf0 är rgb(162, 187, 240) i RGB och oklch(79.225% 0.08064 264.965) i OKLCH. Alla andra format, nyanser och kontrastvärden hittar du nedan.

Tolkad som HEX

221°
100 %

79,2 %
0,081
265°
  • Blå
  • Ljus
  • Mjuk
  • Kall
  • ≈ Babyblå
  • blue-300
  • Svärta 6 %

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

Vit text
1.93:1Svårläst
Lc -41
Svart text
10.90:1Läsbar · AA
Lc 67

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 #a2bbf0

#a2bbf0 är en mjuk ljusblå färg. I OKLCH har den ljusheten 79,2 %, kroma 0.081 och färgtonen 265°.

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

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

Närmaste namngivna färg är Babyblå (#89cff0). I Tailwind CSS är närmaste färg blue-300.

Fler ljusa blå färger

Ljusare: #a2bbf0 blandad med vitt

Mörkare: #a2bbf0 blandad med svart

Lugnare: #a2bbf0 med lägre mättnad

Liknande namngivna färger

Färger som passar till #a2bbf0

Komplementär
Analog
Triadisk
Delad

Frågor om #a2bbf0

Vilken färg är #a2bbf0?

#a2bbf0 är en mjuk ljusblå nyans. Närmaste namngivna färg är Mjuk ljusblå. I RGB är den rgb(162, 187, 240), i HSL hsl(220.77, 72.22%, 78.82%) och i OKLCH oklch(79.225% 0.08064 264.965).

Vilka färger passar ihop med #a2bbf0?

Komplementfärgen till #a2bbf0 är #d3b87f. För en lugnare kombination kan du använda de analoga färgerna #87c4e8 och #beb1ea. Triadpartnerna är #eba7a1 och #9bc99c.

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

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

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

#a2bbf0 är en kall färg. I OKLCH är färgtonen 265 grader, ljusheten 79,2 % och kroma 0.081.