#8B4513

SaddleBrown — Kleurcodes & Palet

Q: Wat is de RGB-waarde van SaddleBrown?

De RGB-waarde van SaddleBrown (#8B4513) is rgb(139, 69, 19). Dit bestaat uit de kanaalwaarden voor rood, groen en blauw op een schaal van 0–255.

Q: Is SaddleBrown toegankelijk op een witte achtergrond?

De contrastverhouding van SaddleBrown (#8B4513) op een witte (#FFFFFF) achtergrond is 7.10:1 — AAA geslaagd voor normale tekst. Op een zwarte (#000000) achtergrond is de contrastverhouding 2.96:1 — Niet geslaagd. WCAG 2.1 vereist 4,5:1 voor normale tekst (AA) en 7:1 voor uitgebreid (AAA).

Q: Welke kleuren combineren goed met SaddleBrown?

SaddleBrown (#8B4513) combineert goed met zijn complementaire kleur en analoge tinten. De complementaire kleur is #13598B, de analoge kleur op +30° is #8B8113, en één triadische kleur is #138B45. Deze relaties zijn afgeleid van kleurtheorie met HSL (hsl(25, 76%, 31%)) als basis.

#8B4513 · rgb(139, 69, 19) · hsl(25, 76%, 31%)

Kleurcodes

Indeling	Waarde
HEX	#8B4513
RGB	rgb(139, 69, 19)
HSL	hsl(25, 76%, 31%)

Tinten van SaddleBrown

#7E3E11

#70380F

#63310D

#552A0C

#48240A

#3A1D08

#2D1606

#1F1004

Pastelkleuren van SaddleBrown

#AB5517

#CA641C

#E27528

#E68947

#EA9D66

#EEB186

#F3C6A5

#F7DAC5

Kleurcombinaties & Harmonie

Complementair

#13598B

Analoog +30°

#8B8113

Analoog −30°

#8B131D

Triadisch +120°

#138B45

Triadisch −120°

#45138B

Contrast & Toegankelijkheid (WCAG 2.1)

versus wit (#FFFFFF)

7.10:1 — AAA geslaagd voor normale tekst

versus zwart (#000000)

2.96:1 — Niet geslaagd

CSS-fragment

.element {
  color: #8B4513;
}

.element-bg {
  background-color: #8B4513;
  color: #ffffff;
}

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

Over SaddleBrown

SaddleBrown is een donker kleur met hoge verzadiging, gedefinieerd door de hexcode #8B4513. De exacte kleurmodelwaarden zijn rgb(139, 69, 19) in RGB en hsl(25, 76%, 31%) in HSL (tint 25°, verzadiging 76%, helderheid 31%). Op een witte achtergrond is de contrastverhouding 7.10:1 — AAA geslaagd voor normale tekst, op zwart is dat 2.96:1 — Niet geslaagd. Gebruik SaddleBrown 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 SaddleBrown?

De RGB-waarde van SaddleBrown (#8B4513) is rgb(139, 69, 19). Rood = rgb(139, 69, 19), wat de hoeveelheden rood, groen en blauw licht op een schaal van 0–255 weergeeft.

Is SaddleBrown toegankelijk op een witte achtergrond?

De contrastverhouding van SaddleBrown op wit (#FFFFFF) is 7.10:1 — AAA geslaagd voor normale tekst. Op zwart (#000000) is de contrastverhouding 2.96:1 — Niet geslaagd. WCAG 2.1 vereist 4,5:1 voor AA (normale tekst) en 7:1 voor AAA.

Welke kleuren combineren goed met SaddleBrown?

Op basis van kleurtheorie combineert SaddleBrown (hsl(25, 76%, 31%)) goed met zijn complementaire, analoge en triadische tinten. Zie de harmoniekleuren hierboven voor de exacte hexwaarden van elk combinatietype.

SaddleBrown — Kleurcodes &amp; Palet