#FFECB3 — Kleurcodes & Palet
Kleurcodes
| Indeling | Waarde | |
|---|---|---|
| HEX | #FFECB3 | |
| RGB | rgb(255, 236, 179) | |
| HSL | hsl(45, 100%, 85%) |
Tinten van #FFECB3
| #FFE085 | #FFD557 | #FFC929 | #FABB00 | #CC9900 | #9E7700 | #705400 | #423200 |
Pastelkleuren van #FFECB3
| #FFEDB8 | #FFEEBD | #FFF0C2 | #FFF1C7 | #FFF2CC | #FFF4D1 | #FFF5D6 | #FFF6DB |
Kleurcombinaties & Harmonie
|
Complementair
#B3C6FF
|
Analoog +30°
#ECFFB3
|
Analoog −30°
#FFC6B3
|
Triadisch +120°
#B3FFEC
|
Triadisch −120°
#ECB3FF
|
Contrast & Toegankelijkheid (WCAG 2.1)
CSS-fragment
.element {
color: #FFECB3;
}
.element-bg {
background-color: #FFECB3;
color: #000000;
}
.element-border {
border: 2px solid #FFECB3;
}
Over #FFECB3
#FFECB3 is een zeer licht kleur met levendig, sterk verzadigd, gedefinieerd door de hexcode #FFECB3. De exacte kleurmodelwaarden zijn rgb(255, 236, 179) in RGB en hsl(45, 100%, 85%) in HSL (tint 45°, verzadiging 100%, helderheid 85%). Op een witte achtergrond is de contrastverhouding 1.17:1 — Niet geslaagd, op zwart is dat 17.90:1 — AAA geslaagd voor normale tekst. Gebruik #FFECB3 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 →