Naar de kleurkiezer

Kleur #577bb2: Zacht blauw

#577bb2 is rgb(87, 123, 178) in RGB en oklch(57.966% 0.09463 258.631) in OKLCH. Alle andere formaten, tinten en contrastwaarden staan hieronder.

Gelezen als HEX

216°
100%

58%
0,095
259°
  • Blauw
  • Middel
  • Zacht
  • Koel
  • ≈ Staalblauw
  • slate-500
  • Zwart 30%

Binnen sRGB: ziet er op elk scherm hetzelfde uit.

Witte tekst
4.30:1Slecht leesbaar
Lc -75
Zwarte tekst
4.88:1Goed leesbaar · AA
Lc 34

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 #577bb2

#577bb2 is zacht blauw. In OKLCH heeft deze kleur een lichtheid van 58%, een chroma van 0.095 en een kleurtoon van 259°.

Binnen sRGB: ziet er op elk scherm hetzelfde uit.

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

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

Meer halfdonkere blauwe kleuren

Lichter: #577bb2 gemengd met wit

  1. 577bb2
  2. 6788ba
  3. 7795c2
  4. 87a2ca
  5. 98afd2
  6. a8bcd9
  7. b9c9e1
  8. cad6e9
  9. dce4f0
  10. edf1f8

Donkerder: #577bb2 gemengd met zwart

  1. 577bb2
  2. 4b6a9a
  3. 3e5a83
  4. 334a6d
  5. 273a57
  6. 1c2c43
  7. 121e2f
  8. 08101d
  9. 03050c
  10. 000101

Rustiger: #577bb2 met minder verzadiging

  1. 577bb2
  2. 5b7bad
  3. 5f7ba7
  4. 627ba2
  5. 667b9c
  6. 697b97
  7. 6d7b91
  8. 707b8b
  9. 747b86
  10. 777a80

Vragen over #577bb2

Welke kleur is #577bb2?

#577bb2 is zacht blauw. De dichtstbijzijnde benoemde kleur is Zacht blauw. In RGB is het rgb(87, 123, 178), in HSL hsl(216.26, 37.14%, 51.96%) en in OKLCH oklch(57.966% 0.09463 258.631).

Welke kleuren passen bij #577bb2?

De complementaire kleur van #577bb2 is #987332. Voor een rustigere combinatie neem je de analoge kleuren #3085a7 en #7871af. De triadische partners zijn #ab6264 en #5d8850.

Is witte of zwarte tekst beter leesbaar op #577bb2?

Witte tekst leest beter op #577bb2: wit geeft een contrastverhouding van 4.3:1 en zwart 4.88:1. WCAG AA vraagt minstens 4,5:1 voor lopende tekst.

Is #577bb2 een warme of koele kleur?

De kleur #577bb2 is koel. In OKLCH is de kleurtoon 259 graden, de lichtheid 58% en het chroma 0.095.