Naar de kleurkiezer

Chocoladebruin: kleurcode #d2691e

Chocoladebruin is #d2691e, rgb(210, 105, 30) in RGB en oklch(63.44% 0.15499 50.266) in OKLCH. Alle andere formaten, tinten, passende kleuren en paletten staan hieronder.

Gelezen als HEX

25°
100%

63,4%
0,155
50°
  • Oranje
  • Middel
  • Fel
  • Warm
  • amber-600
  • Zwart 18%

Binnen sRGB: ziet er op elk scherm hetzelfde uit.

Witte tekst
3.63:1Slecht leesbaar
Lc -69
Zwarte tekst
5.78:1Goed leesbaar · AA
Lc 41

Tinten

Van licht naar donker. Klik op een tint om hem te gebruiken.

Harmonieën

Recent

Kleuren die je kiest of kopieert, verschijnen hier. Ze blijven op dit apparaat.

Ook bekend als: Chocolade, Chocolate

Paletten met Chocoladebruin

Vergelijkbare benoemde kleuren

Vragen over Chocoladebruin

Wat is de HEX-code van Chocoladebruin?

De HEX-code van Chocoladebruin is #d2691e. In RGB is het rgb(210, 105, 30), in HSL hsl(25, 75%, 47.06%) en in OKLCH oklch(63.44% 0.15499 50.266).

Welke kleuren passen bij Chocoladebruin?

De complementaire kleur is #0099d3. Voor een rustiger geheel combineer je hem met de analoge kleuren #d85d62 en #b97e00. Kant-en-klare paletten met Chocoladebruin staan op deze pagina.

Is Chocoladebruin een warme of koele kleur?

De kleur Chocoladebruin is warm, met een kleurtoon van 50 graden in OKLCH.

Welke tekstkleur is goed leesbaar op Chocoladebruin?

Witte tekst leest beter op Chocoladebruin: wit geeft een contrastverhouding van 3.63:1 en zwart 5.78:1. WCAG AA vraagt minstens 4,5:1 voor lopende tekst.

Over #d2691e

#d2691e is fel oranje. In OKLCH heeft deze kleur een lichtheid van 63,4%, een chroma van 0.155 en een kleurtoon van 50°.

Binnen sRGB: ziet er op elk scherm hetzelfde uit.

Witte tekst haalt hierop een contrast van 3.63:1 en zwarte tekst 5.78:1, dus witte tekst leest beter.

De dichtstbijzijnde benoemde kleur is Chocoladebruin (#d2691e). In Tailwind CSS komt amber-600 het dichtst in de buurt.

Meer halfdonkere oranje kleuren

Lichter: #d2691e gemengd met wit

  1. d2691e

Donkerder: #d2691e gemengd met zwart

  1. d2691e

Rustiger: #d2691e met minder verzadiging

  1. d2691e

Vergelijkbare benoemde kleuren

Kleuren die passen bij #d2691e

Complementair
#d2691e
Analoog
#d2691e
Triadisch
#d2691e
Gesplitst
#d2691e