#FF1744

#FF1744 — Kleurcodes & Palet

#FF1744  ·  rgb(255, 23, 68)  ·  hsl(348, 100%, 55%)

Kleurcodes

Indeling Waarde
HEX #FF1744
RGB rgb(255, 23, 68)
HSL hsl(348, 100%, 55%)

Tinten van #FF1744

#FA0032#DB002C#BD0026#9E0020#80001A#610013#42000D#240007

Pastelkleuren van #FF1744

#FF335C#FF4D70#FF6685#FF8099#FF99AD#FFB3C2#FFCCD6#FFE5EB

Kleurcombinaties & Harmonie

Complementair
#1AFFD1
Analoog +30°
#FF5E1A
Analoog −30°
#FF1ABA
Triadisch +120°
#47FF1A
Triadisch −120°
#1A47FF

Contrast & Toegankelijkheid (WCAG 2.1)

versus wit (#FFFFFF)
3.85:1 — AA geslaagd voor grote tekst
versus zwart (#000000)
5.46:1 — AA geslaagd voor normale tekst

CSS-fragment

.element {
  color: #FF1744;
}

.element-bg {
  background-color: #FF1744;
  color: #000000;
}

.element-border {
  border: 2px solid #FF1744;
}

Over #FF1744

#FF1744 is een middel kleur met levendig, sterk verzadigd, gedefinieerd door de hexcode #FF1744. De exacte kleurmodelwaarden zijn rgb(255, 23, 68) in RGB en hsl(348, 100%, 55%) in HSL (tint 348°, verzadiging 100%, helderheid 55%). Op een witte achtergrond is de contrastverhouding 3.85:1 — AA geslaagd voor grote tekst, op zwart is dat 5.46:1 — AA geslaagd voor normale tekst. Gebruik #FF1744 voor UI-elementen, achtergronden, tekst, randen of decoratieve accenten. Het tintengedeelte hieronder toont progressief donkerdere varianten, terwijl de pastelstrook progressief lichtere versies toont — beide nuttig voor het opbouwen van een tonaal palet. De harmoniekleuren bieden complementaire, analoge en triadische combinaties op basis van het HSL-tintwiel.

Deze kleur interactief verkennen, paletten genereren of wisselen tussen kleurindelingen? De DevArbor-kleurenkiezer helpt je daarbij.

Kleurenkiezer openen →

Veelgestelde vragen

Wat is de RGB-waarde van #FF1744?
De RGB-waarde van #FF1744 (#FF1744) is rgb(255, 23, 68). Rood = rgb(255, 23, 68), wat de hoeveelheden rood, groen en blauw licht op een schaal van 0–255 weergeeft.
Is #FF1744 toegankelijk op een witte achtergrond?
De contrastverhouding van #FF1744 op wit (#FFFFFF) is 3.85:1 — AA geslaagd voor grote tekst. Op zwart (#000000) is de contrastverhouding 5.46:1 — AA geslaagd voor normale tekst. WCAG 2.1 vereist 4,5:1 voor AA (normale tekst) en 7:1 voor AAA.
Welke kleuren combineren goed met #FF1744?
Op basis van kleurtheorie combineert #FF1744 (hsl(348, 100%, 55%)) goed met zijn complementaire, analoge en triadische tinten. Zie de harmoniekleuren hierboven voor de exacte hexwaarden van elk combinatietype.