#D2691E

Chocolate — Kleurcodes & Palet

#D2691E  ·  rgb(210, 105, 30)  ·  hsl(25, 75%, 47%)

Kleurcodes

Indeling Waarde
HEX #D2691E
RGB rgb(210, 105, 30)
HSL hsl(25, 75%, 47%)

Tinten van Chocolate

#BB5E1B#A55318#8F4714#783C11#62310E#4C260B#361B08#1F1004

Pastelkleuren van Chocolate

#E07529#E4843F#E79255#EAA06C#EDAF82#F0BD98#F4CBAF#F7DAC5

Kleurcombinaties & Harmonie

Complementair
#1E87D2
Analoog +30°
#D2C31E
Analoog −30°
#D21E2D
Triadisch +120°
#1ED269
Triadisch −120°
#691ED2

Contrast & Toegankelijkheid (WCAG 2.1)

versus wit (#FFFFFF)
3.63:1 — AA geslaagd voor grote tekst
versus zwart (#000000)
5.78:1 — AA geslaagd voor normale tekst

CSS-fragment

.element {
  color: #D2691E;
}

.element-bg {
  background-color: #D2691E;
  color: #000000;
}

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

Over Chocolate

Chocolate is een middel kleur met hoge verzadiging, gedefinieerd door de hexcode #D2691E. De exacte kleurmodelwaarden zijn rgb(210, 105, 30) in RGB en hsl(25, 75%, 47%) in HSL (tint 25°, verzadiging 75%, helderheid 47%). Op een witte achtergrond is de contrastverhouding 3.63:1 — AA geslaagd voor grote tekst, op zwart is dat 5.78:1 — AA geslaagd voor normale tekst. Gebruik Chocolate 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 Chocolate?
De RGB-waarde van Chocolate (#D2691E) is rgb(210, 105, 30). Rood = rgb(210, 105, 30), wat de hoeveelheden rood, groen en blauw licht op een schaal van 0–255 weergeeft.
Is Chocolate toegankelijk op een witte achtergrond?
De contrastverhouding van Chocolate op wit (#FFFFFF) is 3.63:1 — AA geslaagd voor grote tekst. Op zwart (#000000) is de contrastverhouding 5.78: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 Chocolate?
Op basis van kleurtheorie combineert Chocolate (hsl(25, 75%, 47%)) goed met zijn complementaire, analoge en triadische tinten. Zie de harmoniekleuren hierboven voor de exacte hexwaarden van elk combinatietype.