Naar de kleurkiezer

Kleur #558cc5: Zacht blauw

#558cc5 is rgb(85, 140, 197) in RGB en oklch(62.642% 0.10456 250.612) in OKLCH. Alle andere formaten, tinten en contrastwaarden staan hieronder.

Gelezen als HEX

211°
100%

62,6%
0,105
251°
  • Blauw
  • Middel
  • Zacht
  • Koel
  • ≈ Staalblauw
  • cyan-600
  • Zwart 23%

Binnen sRGB: ziet er op elk scherm hetzelfde uit.

Witte tekst
3.53:1Slecht leesbaar
Lc -68
Zwarte tekst
5.94:1Goed leesbaar · AA
Lc 41

Tinten

Van licht naar donker. Klik op een tint om hem te gebruiken.

Harmonieën

Openen als palet

Recent

Kleuren waar je bij stilstaat of die je kopieert, verschijnen hier. Ze blijven op dit apparaat.

Over #558cc5

#558cc5 is zacht blauw. In OKLCH heeft deze kleur een lichtheid van 62,6%, een chroma van 0.105 en een kleurtoon van 251°.

Binnen sRGB: ziet er op elk scherm hetzelfde uit.

Witte tekst haalt hierop een contrast van 3.53:1 en zwarte tekst 5.94:1, dus witte tekst leest beter.

De dichtstbijzijnde benoemde kleur is Staalblauw (#4682b4). In Tailwind CSS komt cyan-600 het dichtst in de buurt.

Meer halfdonkere blauwe kleuren

Lichter: #558cc5 gemengd met wit

  1. 558cc5
  2. 6697cb
  3. 77a3d1
  4. 88aed7
  5. 99badd
  6. a9c5e3
  7. bad1e9
  8. cbdcef
  9. dce8f4
  10. eef3fa

Donkerder: #558cc5 gemengd met zwart

  1. 558cc5
  2. 4979ab
  3. 3d6792
  4. 315579
  5. 264361
  6. 1c334b
  7. 112335
  8. 081421
  9. 02070e
  10. 000102

Rustiger: #558cc5 met minder verzadiging

  1. 558cc5
  2. 5b8cbf
  3. 618cb9
  4. 668cb3
  5. 6c8bad
  6. 718ba7
  7. 768aa1
  8. 7a8a9b
  9. 7f8995
  10. 83898e

Vragen over #558cc5

Welke kleur is #558cc5?

#558cc5 is zacht blauw. De dichtstbijzijnde benoemde kleur is Zacht blauw. In RGB is het rgb(85, 140, 197), in HSL hsl(210.54, 49.12%, 55.29%) en in OKLCH oklch(62.642% 0.10456 250.612).

Welke kleuren passen bij #558cc5?

De complementaire kleur van #558cc5 is #b07c3a. Voor een rustigere combinatie neem je de analoge kleuren #2696b4 en #7d80c6. De triadische partners zijn #be6c79 en #72954f.

Is witte of zwarte tekst beter leesbaar op #558cc5?

Witte tekst leest beter op #558cc5: wit geeft een contrastverhouding van 3.53:1 en zwart 5.94:1. WCAG AA vraagt minstens 4,5:1 voor lopende tekst.

Is #558cc5 een warme of koele kleur?

De kleur #558cc5 is koel. In OKLCH is de kleurtoon 251 graden, de lichtheid 62,6% en het chroma 0.105.