DevArbor
#4169E1

RoyalBlue — Kleurcodes & Palet

#4169E1  ·  rgb(65, 105, 225)  ·  hsl(225, 73%, 57%)

Kleurcodes

Indeling Waarde
HEX #4169E1
RGB rgb(65, 105, 225)
HSL hsl(225, 73%, 57%)

Tinten van RoyalBlue

#2754DD#1F49C7#1B3FAC#173592#132C77#0E225D#0A1842#060F28

Pastelkleuren van RoyalBlue

#5377E4#6585E7#7693EA#88A1EC#9AAFEF#ABBDF2#BDCBF5#CED9F7

Kleurcombinaties & Harmonie

Complementair
#E1B941
Analoog +30°
#6941E1
Analoog −30°
#41B9E1
Triadisch +120°
#E14169
Triadisch −120°
#69E141

Contrast & Toegankelijkheid (WCAG 2.1)

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

CSS-fragment

.element {
  color: #4169E1;
}

.element-bg {
  background-color: #4169E1;
  color: #ffffff;
}

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

Over RoyalBlue

RoyalBlue is een middel kleur met hoge verzadiging, gedefinieerd door de hexcode #4169E1. De exacte kleurmodelwaarden zijn rgb(65, 105, 225) in RGB en hsl(225, 73%, 57%) in HSL (tint 225°, verzadiging 73%, helderheid 57%). Op een witte achtergrond is de contrastverhouding 4.85:1 — AA geslaagd voor normale tekst, op zwart is dat 4.33:1 — AA geslaagd voor grote tekst. Gebruik RoyalBlue 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 RoyalBlue?
De RGB-waarde van RoyalBlue (#4169E1) is rgb(65, 105, 225). Rood = rgb(65, 105, 225), wat de hoeveelheden rood, groen en blauw licht op een schaal van 0–255 weergeeft.
Is RoyalBlue toegankelijk op een witte achtergrond?
De contrastverhouding van RoyalBlue op wit (#FFFFFF) is 4.85:1 — AA geslaagd voor normale tekst. Op zwart (#000000) is de contrastverhouding 4.33:1 — AA geslaagd voor grote tekst. WCAG 2.1 vereist 4,5:1 voor AA (normale tekst) en 7:1 voor AAA.
Welke kleuren combineren goed met RoyalBlue?
Op basis van kleurtheorie combineert RoyalBlue (hsl(225, 73%, 57%)) goed met zijn complementaire, analoge en triadische tinten. Zie de harmoniekleuren hierboven voor de exacte hexwaarden van elk combinatietype.