Naar de kleurkiezer

Oker: kleurcode #cc7722

Oker is #cc7722, rgb(204, 119, 34) in RGB en oklch(64.956% 0.14038 59.615) in OKLCH. Alle andere formaten, tinten, passende kleuren en paletten staan hieronder.

Gelezen als HEX

30°
100%

65%
0,140
60°
  • Oranje
  • Middel
  • Fel
  • Warm
  • amber-600
  • Zwart 20%

Binnen sRGB: ziet er op elk scherm hetzelfde uit.

Witte tekst
3.37:1Slecht leesbaar
Lc -66
Zwarte tekst
6.23:1Goed leesbaar · AA
Lc 43

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: Okergeel, Ochre, Ocher

Paletten met Oker

Vergelijkbare benoemde kleuren

Vragen over Oker

Wat is de HEX-code van Oker?

De HEX-code van Oker is #cc7722. In RGB is het rgb(204, 119, 34), in HSL hsl(30, 71.43%, 46.67%) en in OKLCH oklch(64.956% 0.14038 59.615).

Welke kleuren passen bij Oker?

De complementaire kleur is #1d98db. Voor een rustiger geheel combineer je hem met de analoge kleuren #d76a5a en #b18900. Kant-en-klare paletten met Oker staan op deze pagina.

Is Oker een warme of koele kleur?

De kleur Oker is warm, met een kleurtoon van 60 graden in OKLCH.

Welke tekstkleur is goed leesbaar op Oker?

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

Over #cc7722

#cc7722 is fel oranje. In OKLCH heeft deze kleur een lichtheid van 65%, een chroma van 0.14 en een kleurtoon van 60°.

Binnen sRGB: ziet er op elk scherm hetzelfde uit.

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

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

Meer halfdonkere oranje kleuren

Lichter: #cc7722 gemengd met wit

  1. cc7722

Donkerder: #cc7722 gemengd met zwart

  1. cc7722

Rustiger: #cc7722 met minder verzadiging

  1. cc7722

Vergelijkbare benoemde kleuren

Kleuren die passen bij #cc7722

Complementair
#cc7722
Analoog
#cc7722
Triadisch
#cc7722
Gesplitst
#cc7722