Naar de kleurkiezer

Kleur #558cc3: Zacht blauw

#558cc3 is rgb(85, 140, 195) in RGB en oklch(62.543% 0.10207 249.755) in OKLCH. Alle andere formaten, tinten en contrastwaarden staan hieronder.

Gelezen als HEX

210°
100%

62,5%
0,102
250°
  • Blauw
  • Middel
  • Zacht
  • Koel
  • ≈ Staalblauw
  • cyan-600
  • Zwart 24%

Binnen sRGB: ziet er op elk scherm hetzelfde uit.

Witte tekst
3.54:1Slecht leesbaar
Lc -68
Zwarte tekst
5.93: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 die je kiest of kopieert, verschijnen hier. Ze blijven op dit apparaat.

Over #558cc3

#558cc3 is zacht blauw. In OKLCH heeft deze kleur een lichtheid van 62,5%, een chroma van 0.102 en een kleurtoon van 250°.

Binnen sRGB: ziet er op elk scherm hetzelfde uit.

Witte tekst haalt hierop een contrast van 3.54:1 en zwarte tekst 5.93: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: #558cc3 gemengd met wit

  1. 558cc3
  2. 6697c9
  3. 77a3d0
  4. 88aed6
  5. 99badc
  6. a9c5e2
  7. bad1e8
  8. cbdcee
  9. dce8f4
  10. eef3f9

Donkerder: #558cc3 gemengd met zwart

  1. 558cc3
  2. 4979a9
  3. 3d6790
  4. 315578
  5. 264360
  6. 1c334a
  7. 112334
  8. 081420
  9. 02070e
  10. 000102

Rustiger: #558cc3 met minder verzadiging

  1. 558cc3
  2. 5b8cbd
  3. 618cb7
  4. 668bb2
  5. 6c8bac
  6. 718ba6
  7. 758aa0
  8. 7a8a9a
  9. 7f8994
  10. 83888e

Vergelijkbare benoemde kleuren

Kleuren die passen bij #558cc3

Complementair
#558cc3#af7c3d
Analoog
#558cc3#2a96b2#7b81c4
Triadisch
#558cc3#bc6d7a#749450
Gesplitst
#558cc3#bc7158#968939

Vragen over #558cc3

Welke kleur is #558cc3?

#558cc3 is zacht blauw. De dichtstbijzijnde benoemde kleur is Zacht blauw. In RGB is het rgb(85, 140, 195), in HSL hsl(210, 47.83%, 54.9%) en in OKLCH oklch(62.543% 0.10207 249.755).

Welke kleuren passen bij #558cc3?

De complementaire kleur van #558cc3 is #af7c3d. Voor een rustigere combinatie neem je de analoge kleuren #2a96b2 en #7b81c4. De triadische partners zijn #bc6d7a en #749450.

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

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

Is #558cc3 een warme of koele kleur?

De kleur #558cc3 is koel. In OKLCH is de kleurtoon 250 graden, de lichtheid 62,5% en de chroma 0.102.