Naar de kleurkiezer

Saffierblauw: kleurcode #0f52ba

Saffierblauw is #0f52ba, rgb(15, 82, 186) in RGB en oklch(46.654% 0.17629 260.008) in OKLCH. Alle andere formaten, tinten, passende kleuren en paletten staan hieronder.

Gelezen als HEX

216°
100%

46,7%
0,176
260°
  • Blauw
  • Donker
  • Fel
  • Diep
  • Koel
  • blue-800
  • Zwart 27%

Binnen sRGB: ziet er op elk scherm hetzelfde uit.

Witte tekst
7.15:1Goed leesbaar · AA
Lc -89
Zwarte tekst
2.94:1Slecht leesbaar
Lc 20

Tinten

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

Harmonieën

Recent

Kleuren die je kiest of kopieert, verschijnen hier. Ze blijven op dit apparaat.

Ook bekend als: Saffier, Sapphire

Paletten met Saffierblauw

Vergelijkbare benoemde kleuren

Vragen over Saffierblauw

Wat is de HEX-code van Saffierblauw?

De HEX-code van Saffierblauw is #0f52ba. In RGB is het rgb(15, 82, 186), in HSL hsl(216.49, 85.07%, 39.41%) en in OKLCH oklch(46.654% 0.17629 260.008).

Welke kleuren passen bij Saffierblauw?

De complementaire kleur is #7b5000. Voor een rustiger geheel combineer je hem met de analoge kleuren #00648e en #5d3eb3. Kant-en-klare paletten met Saffierblauw staan op deze pagina.

Is Saffierblauw een warme of koele kleur?

De kleur Saffierblauw is koel, met een kleurtoon van 260 graden in OKLCH.

Welke tekstkleur is goed leesbaar op Saffierblauw?

Witte tekst leest beter op Saffierblauw: wit geeft een contrastverhouding van 7.15:1 en zwart 2.94:1. WCAG AA vraagt minstens 4,5:1 voor lopende tekst.

Over #0f52ba

#0f52ba is diep donkerblauw. In OKLCH heeft deze kleur een lichtheid van 46,7%, een chroma van 0.176 en een kleurtoon van 260°.

Binnen sRGB: ziet er op elk scherm hetzelfde uit.

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

De dichtstbijzijnde benoemde kleur is Saffierblauw (#0f52ba). In Tailwind CSS komt blue-800 het dichtst in de buurt.

Meer donkere blauwe kleuren

Lichter: #0f52ba gemengd met wit

  1. 0f52ba

Donkerder: #0f52ba gemengd met zwart

  1. 0f52ba

Rustiger: #0f52ba met minder verzadiging

  1. 0f52ba

Vergelijkbare benoemde kleuren

Kleuren die passen bij #0f52ba

Complementair
#0f52ba
Analoog
#0f52ba
Triadisch
#0f52ba
Gesplitst
#0f52ba