#E91E63 — Kleurcodes & Palet
Kleurcodes
| Indeling | Waarde | |
|---|---|---|
| HEX | #E91E63 | |
| RGB | rgb(233, 30, 99) | |
| HSL | hsl(340, 82%, 52%) |
Tinten van #E91E63
| #DA1657 | #C3134E | #AC1145 | #950F3B | #7D0C32 | #660A29 | #4F0820 | #380616 |
Pastelkleuren van #E91E63
| #EB3773 | #EE4F84 | #F06694 | #F27DA4 | #F494B4 | #F7ABC5 | #F9C3D5 | #FBDAE5 |
Kleurcombinaties & Harmonie
|
Complementair
#20E9A6
|
Analoog +30°
#E94220
|
Analoog −30°
#E920C8
|
Triadisch +120°
#63E920
|
Triadisch −120°
#2063E9
|
Contrast & Toegankelijkheid (WCAG 2.1)
CSS-fragment
.element {
color: #E91E63;
}
.element-bg {
background-color: #E91E63;
color: #000000;
}
.element-border {
border: 2px solid #E91E63;
}
Over #E91E63
#E91E63 is een middel kleur met levendig, sterk verzadigd, gedefinieerd door de hexcode #E91E63. De exacte kleurmodelwaarden zijn rgb(233, 30, 99) in RGB en hsl(340, 82%, 52%) in HSL (tint 340°, verzadiging 82%, helderheid 52%). Op een witte achtergrond is de contrastverhouding 4.35:1 — AA geslaagd voor grote tekst, op zwart is dat 4.83:1 — AA geslaagd voor normale tekst. Gebruik #E91E63 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 →