Hoppa till färgväljaren

Färgen #558cc2: Mjuk blå

#558cc2 är rgb(85, 140, 194) i RGB och oklch(62.493% 0.10083 249.308) i OKLCH. Alla andra format, nyanser och kontrastvärden hittar du nedan.

Tolkad som HEX

210°
100 %

62,5 %
0,101
249°
  • Blå
  • Mellan
  • Mjuk
  • Kall
  • ≈ Stålblå
  • cyan-600
  • Svärta 24 %

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

Vit text
3.55:1Svårläst
Lc -68
Svart text
5.92:1Läsbar · AA
Lc 41

Nyanser

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

Harmonier

Öppna som palett

Senaste

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

Om #558cc2

#558cc2 är en mjuk blå färg. I OKLCH har den ljusheten 62,5 %, kroma 0.101 och färgtonen 249°.

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

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

Närmaste namngivna färg är Stålblå (#4682b4). I Tailwind CSS är närmaste färg cyan-600.

Fler mellanljusa blå färger

Ljusare: #558cc2 blandad med vitt

  1. 558cc2
  2. 6697c9
  3. 77a3cf
  4. 88aed5
  5. 99badb
  6. a9c5e2
  7. bad1e8
  8. cbdcee
  9. dce8f4
  10. eef3f9

Mörkare: #558cc2 blandad med svart

  1. 558cc2
  2. 4979a8
  3. 3d678f
  4. 315577
  5. 264360
  6. 1c3349
  7. 112334
  8. 081420
  9. 02070e
  10. 000102

Lugnare: #558cc2 med lägre mättnad

  1. 558cc2
  2. 5b8cbc
  3. 618cb7
  4. 668bb1
  5. 6b8bab
  6. 708ba5
  7. 758aa0
  8. 7a8a9a
  9. 7f8994
  10. 83888e

Liknande namngivna färger

Färger som passar till #558cc2

Komplementär
#558cc2#af7c3e
Analog
#558cc2#2b96b1#7b81c4
Triadisk
#558cc2#bb6d7a#749450
Delad
#558cc2#bb7259#97893a

Frågor om #558cc2

Vilken färg är #558cc2?

#558cc2 är en mjuk blå nyans. Närmaste namngivna färg är Mjuk blå. I RGB är den rgb(85, 140, 194), i HSL hsl(209.72, 47.19%, 54.71%) och i OKLCH oklch(62.493% 0.10083 249.308).

Vilka färger passar ihop med #558cc2?

Komplementfärgen till #558cc2 är #af7c3e. För en lugnare kombination kan du använda de analoga färgerna #2b96b1 och #7b81c4. Triadpartnerna är #bb6d7a och #749450.

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

Vit text är lättare att läsa på #558cc2: vit ger kontrastförhållandet 3.55:1 och svart ger 5.92:1. WCAG AA kräver minst 4,5:1 för brödtext.

Är #558cc2 en varm eller kall färg?

#558cc2 är en kall färg. I OKLCH är färgtonen 249 grader, ljusheten 62,5 % och kroma 0.101.