#1976D2

#1976D2 — Kleurcodes & Palet

Q: Wat is de RGB-waarde van #1976D2?

De RGB-waarde van #1976D2 (#1976D2) is rgb(25, 118, 210). Dit bestaat uit de kanaalwaarden voor rood, groen en blauw op een schaal van 0–255.

Q: Is #1976D2 toegankelijk op een witte achtergrond?

De contrastverhouding van #1976D2 (#1976D2) op een witte (#FFFFFF) achtergrond is 4.60:1 — AA geslaagd voor normale tekst. Op een zwarte (#000000) achtergrond is de contrastverhouding 4.56:1 — AA geslaagd voor normale tekst. WCAG 2.1 vereist 4,5:1 voor normale tekst (AA) en 7:1 voor uitgebreid (AAA).

Q: Welke kleuren combineren goed met #1976D2?

#1976D2 (#1976D2) combineert goed met zijn complementaire kleur en analoge tinten. De complementaire kleur is #D27519, de analoge kleur op +30° is #1919D2, en één triadische kleur is #D21975. Deze relaties zijn afgeleid van kleurtheorie met HSL (hsl(210, 79%, 46%)) als basis.

#1976D2 · rgb(25, 118, 210) · hsl(210, 79%, 46%)

Kleurcodes

Indeling	Waarde
HEX	#1976D2
RGB	rgb(25, 118, 210)
HSL	hsl(210, 79%, 46%)

Tinten van #1976D2

#1669BB

#135CA4

#114F8D

#0E4277

#0B3660

#092949

#061C32

#030F1B

Pastelkleuren van #1976D2

#2485E5

#3F94E9

#5BA3EC

#76B3EF

#91C2F2

#ADD1F5

#C8E0F9

#E4F0FC

Kleurcombinaties & Harmonie

Complementair

#D27519

Analoog +30°

#1919D2

Analoog −30°

#19D2D2

Triadisch +120°

#D21975

Triadisch −120°

#75D219

Contrast & Toegankelijkheid (WCAG 2.1)

versus wit (#FFFFFF)

4.60:1 — AA geslaagd voor normale tekst

versus zwart (#000000)

4.56:1 — AA geslaagd voor normale tekst

CSS-fragment

.element {
  color: #1976D2;
}

.element-bg {
  background-color: #1976D2;
  color: #ffffff;
}

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

Over #1976D2

#1976D2 is een middel kleur met hoge verzadiging, gedefinieerd door de hexcode #1976D2. De exacte kleurmodelwaarden zijn rgb(25, 118, 210) in RGB en hsl(210, 79%, 46%) in HSL (tint 210°, verzadiging 79%, helderheid 46%). Op een witte achtergrond is de contrastverhouding 4.60:1 — AA geslaagd voor normale tekst, op zwart is dat 4.56:1 — AA geslaagd voor normale tekst. Gebruik #1976D2 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 #1976D2?

De RGB-waarde van #1976D2 (#1976D2) is rgb(25, 118, 210). Rood = rgb(25, 118, 210), wat de hoeveelheden rood, groen en blauw licht op een schaal van 0–255 weergeeft.

Is #1976D2 toegankelijk op een witte achtergrond?

De contrastverhouding van #1976D2 op wit (#FFFFFF) is 4.60:1 — AA geslaagd voor normale tekst. Op zwart (#000000) is de contrastverhouding 4.56: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 #1976D2?

Op basis van kleurtheorie combineert #1976D2 (hsl(210, 79%, 46%)) goed met zijn complementaire, analoge en triadische tinten. Zie de harmoniekleuren hierboven voor de exacte hexwaarden van elk combinatietype.

#1976D2 — Kleurcodes &amp; Palet