Kleur staalblauw

Een middenblauw met een grijze basis, zoals licht dat op staal weerkaatst. In CSS heet het steelblue. Sober en technisch, handig voor interfaces en industriële merken.

Ook wel: steelblue.

Staalblauw · #4682B4

Feiten over de kleur staalblauw

De kleur staalblauw (#4682B4) is koel, middelmatig licht en matig verzadigd. Deze kleur hoort bij de familie van de blauwtinten. Ze bestaat uit 70 rood, 130 groen en 180 blauw (van de 255). Veelgebruikt voor: web, industrie, mode.

Tinten van staalblauw: licht en donker

Van licht naar donker. Tik op een tint om de code te kopiëren.

Kleurharmonieën van staalblauw

Combinaties volgens de kleurencirkel. Meer bij kleurharmonieën.

ComplementairLijkt op: Koper

AnaloogLijkt op: Tiffanyblauw, Kobaltblauw

TriadeLijkt op: Pruimpaars, Pistachegroen

Gesplitst complementairLijkt op: Indisch rood, Oudgoud

TetradeLijkt op: Orchidee, Koper, Bosgroen

Kleurenpaletten met staalblauw

Kopieer de codes of open het palet in de editor om het aan te passen.

Palet Monochroom · Staalblauw

Palet Analoog · Staalblauw

Palet Complementair · Staalblauw

Palet Triade · Staalblauw

Palet Met neutrale kleuren · Staalblauw

Palet Met accent · Staalblauw

Contrast van staalblauw met tekst

Witte tekstContrast 4.1:1 · AA grote tekst

Zwarte tekstContrast 5.1:1 · AA

Volgens de WCAG 2.1-richtlijnen. Test andere kleurenparen met de contrast checker.

CSS-code

:root {
  --staalblauw: #4682B4;
  --staalblauw-rgb: 70, 130, 180;
}
.achtergrond { background-color: var(--staalblauw); }
.tekst { color: var(--staalblauw); }

Kleuren die lijken op staalblauw

Ceruleumblauw Blauwgrijs Frans blauw Leigrijs Petrolblauw Staalgrijs Babyblauw Loodgrijs Hemelsblauw Denimblauw

Kleurenpaletten per thema met deze kleur

Andere blauwtinten

Blauw Marineblauw Hemelsblauw Kobaltblauw Saffierblauw Koningsblauw Elektrisch blauw Middernachtblauw Ultramarijn Frans blauw Pruisisch blauw Pastelblauw Babyblauw Denimblauw Kleinblauw Donkerblauw Lichtblauw Ceruleumblauw

Veelgestelde vragen

Wat is de kleurcode van staalblauw?

De HEX-code van de kleur staalblauw is #4682B4. In RGB is dat rgb(70, 130, 180), in HSL hsl(207, 44%, 49%) en in CMYK 61, 28, 0, 29.

Wat is de complementaire kleur van staalblauw?

De complementaire kleur in de kleurencirkel is #B47846, een tint die in de buurt komt van koper. In kleine hoeveelheden werkt die goed als accent en geeft veel contrast.

Kun je witte tekst gebruiken op de kleur staalblauw?

Gebruik liever zwarte tekst: het contrast met wit is maar 4.1:1, met zwart is het 5.1:1.