PaleVioletRed — Kleurcodes & Palet
Kleurcodes
| Indeling | Waarde | |
|---|---|---|
| HEX | #DB7093 | |
| RGB | rgb(219, 112, 147) | |
| HSL | hsl(340, 60%, 65%) |
Tinten van PaleVioletRed
| #D4547E | #CD3769 | #B42D5A | #97264B | #7A1F3D | #5E172F | #411021 | #250912 |
Pastelkleuren van PaleVioletRed
| #DE7C9D | #E189A6 | #E495AF | #E8A1B9 | #EBADC2 | #EEBACB | #F1C6D4 | #F4D2DD |
Kleurcombinaties & Harmonie
|
Complementair
#70DBB8
|
Analoog +30°
#DB8270
|
Analoog −30°
#DB70C9
|
Triadisch +120°
#94DB70
|
Triadisch −120°
#7094DB
|
Contrast & Toegankelijkheid (WCAG 2.1)
CSS-fragment
.element {
color: #DB7093;
}
.element-bg {
background-color: #DB7093;
color: #000000;
}
.element-border {
border: 2px solid #DB7093;
}
Over PaleVioletRed
PaleVioletRed is een licht kleur met hoge verzadiging, gedefinieerd door de hexcode #DB7093. De exacte kleurmodelwaarden zijn rgb(219, 112, 147) in RGB en hsl(340, 60%, 65%) in HSL (tint 340°, verzadiging 60%, helderheid 65%). Op een witte achtergrond is de contrastverhouding 3.11:1 — AA geslaagd voor grote tekst, op zwart is dat 6.75:1 — AA geslaagd voor normale tekst. Gebruik PaleVioletRed 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 →