Inzichten in #D8B6E2 kleurcode

Alle conversies, harmonieën en toegankelijkheidscontroles die u nodig hebt om met vertrouwen te ontwerpen.

RGB:rgb(216, 182, 226)
HSL:hsl(286, 43%, 80%)
HEX
#D8B6E2
RGB
216, 182, 226
HSL
286°, 43%, 80%
HSV
286°, 19%, 89%
CMYK
4%, 19%, 0%, 11%

Kleurconversie

Genereer waarden voor meerdere kleurmodellen op één plek.

#D8B6E2

≈ Staalblauw

Referentiekleurkaarten

Lagere ΔE betekent een nauwere visuele match

Tinten & schakeringen

Ontdek hoe #D8B6E2 zich gedraagt wanneer u deze mengt met wit of zwart. Deze stalen zijn perfect voor hover-statussen, schaduwen en achtergronden.

Beweeg de muis om elke hex-waarde te kopiëren en deze opnieuw te gebruiken in uw interface.

Schakeringen

0–100%
0%#D8B6E2
10%#C899D6
20%#B87CCB
30%#A95FBF
40%#9646AF
50%#7D3A92
60%#642F75
70%#4B2358
80%#32173A
90%#190C1D
100%#000000

Tinten

0–100%
0%#D8B6E2
10%#DCBDE5
20%#E0C5E8
30%#E3CCEB
40%#E7D3EE
50%#EBDBF0
60%#EFE2F3
70%#F3E9F6
80%#F7F0F9
90%#FBF8FC
100%#FFFFFF

Veelvoorkomende gebruiksscenario's

  • UI-componentstatussen (hover, actief, uitgeschakeld)
  • Diepte creëren met schaduwen en highlights
  • Consistente kleursystemen bouwen

Ontwerpsysteem

Tip voor ontwerpsysteem

Deze variaties vormen de basis van een samenhangend palet. Exporteer ze om marketing, product en engineering op één lijn te houden.

Exporteer palet

Kleurharmonieën

Creëer direct gebalanceerde paletten met harmonieën gegenereerd uit #D8B6E2.

Klik op een staal om de detailpagina te openen en verder te verkennen.

Hoe te gebruiken

Kies één dominante kleur en laat ondersteunende tinten fungeren als accenten voor typografie, oppervlakken en call-to-action knoppen.

Waarom het belangrijk is

Gebalanceerde harmonieën communiceren intentie—kalm, energiek, premium—zonder uw lay-out te overweldigen.

Complementair

Tegengestelde tinten die impact en een gedurfd contrast creëren.

Het meest geschikt voor

CTAs met hoge impact, logo's en hero-secties

Analoog

Naburige tinten voor natuurlijke, vloeiende verlopen.

Het meest geschikt voor

Op de natuur geïnspireerde, kalmerende dashboards

Triadisch

Drie gelijkmatig verdeelde tinten voor een speelse balans.

Het meest geschikt voor

Speelse branding en redactionele lay-outs

Tetradisch

Twee complementaire paren die zorgen voor rijke variatie.

Het meest geschikt voor

Illustraties en marketingexperimenten

Monochromatisch

Lichtere en donkerdere verwanten binnen dezelfde tintfamilie.

Het meest geschikt voor

Minimalistische interfaces en premium UI-statussen

Toegankelijkheidscontrast

Controleer hoe leesbaar #D8B6E2 is met veelvoorkomende tekstkleuren, zodat elke bezoeker geniet van een duidelijke ervaring.

Gebruik AA als basislijn voor hoofdtekst en AAA voor premium toegankelijkheid.

Voorbeeldtekst op zwarte tekst
Tekstkleur#000000
Achtergrond#D8B6E2
Contrastverhouding11.71:1
WCAG-niveauAAA
Voorbeeldtekst op witte tekst
Tekstkleur#FFFFFF
Achtergrond#D8B6E2
Contrastverhouding1.79:1
WCAG-niveauFail
Aanbevolen tekstvoorbeeld
Tekstkleur#000000
Achtergrond#D8B6E2
Contrastverhouding11.71:1
WCAG-niveauAAA

Technische formaten

Ontgrendel professionele kleurruimtes zoals XYZ, LAB, CMYK-varianten en exportklare profielen.

Meld u gratis aan

Praktische formaten

Krijg printsimulaties, LED-toewijzingen en ontwikkelaarsklare byte-orders.

Meld u gratis aan

Kleuranalyse

Duik in spectrale gegevens, dominantierapporten en geavanceerde analyses.

Meld u gratis aan

Blindheidssimulator

Bekijk hoe #D8B6E2 eruitziet bij veelvoorkomende kleurzichtafwijkingen.

Meld u gratis aan

Creatieve aspecten

Verken seizoensgebonden associaties, emotionele signalen en natuurlijke verschijnselen.

Meld u gratis aan

Ontwerprichtlijnen

Balans

Behandel #D8B6E2 als een highlight. Combineer het met neutrale kleuren en één ondersteunende tint om visuele overbelasting te voorkomen.

Contrast

Test combinaties met echte inhoud. Hoger contrast verbetert scannen, leesbaarheid en conversies.

Harmonie

Gebruik lichtere tinten voor oppervlakken, de basiskleur voor primaire elementen en donkerdere schakeringen voor hover- of ingedrukte statussen.

Nog een kleur nodig?

Ga terug naar de kleurkiezer om afbeeldingen te uploaden, paletten te genereren en nieuwe kleurrelaties te verkennen.

Open kleurkiezer