Het zit precies tussen rood en oranje in en heet in CSS orangered. Het zit vol energie en valt meteen op. Je gebruikt het voor knoppen, meldingsiconen en merken die dynamisch willen ogen.
Ook wel: orangered, roodoranje.
De kleur oranjerood (#FF4500) is warm, middelmatig licht en sterk verzadigd. Deze kleur hoort bij de familie van de oranjetinten. Ze bestaat uit 255 rood, 69 groen en 0 blauw (van de 255). Veelgebruikt voor: web, bewegwijzering, logo's.
Van licht naar donker. Tik op een tint om de code te kopiëren.
Combinaties volgens de kleurencirkel. Meer bij kleurharmonieën.
Kopieer de codes of open het palet in de editor om het aan te passen.
Volgens de WCAG 2.1-richtlijnen. Test andere kleurenparen met de contrast checker.
:root {
--oranjerood: #FF4500;
--oranjerood-rgb: 255, 69, 0;
}
.achtergrond { background-color: var(--oranjerood); }
.tekst { color: var(--oranjerood); }De HEX-code van de kleur oranjerood is #FF4500. In RGB is dat rgb(255, 69, 0), in HSL hsl(16, 100%, 50%) en in CMYK 0, 73, 100, 0.
De complementaire kleur in de kleurencirkel is #00BAFF, een tint die in de buurt komt van babyblauw. In kleine hoeveelheden werkt die goed als accent en geeft veel contrast.
Gebruik liever zwarte tekst: het contrast met wit is maar 3.4:1, met zwart is het 6.1:1.