Naar de kleurkiezer

Kanariegeel: kleurcode #ffef00

Kanariegeel is #ffef00, rgb(255, 239, 0) in RGB en oklch(93.505% 0.19807 104.666) in OKLCH. Alle andere formaten, tinten, passende kleuren en paletten staan hieronder.

Gelezen als HEX

56°
100%

93,5%
0,198
105°
  • Geel
  • Zeer licht
  • Fel
  • Neutraal
  • yellow-300
  • Zwart 0%

Binnen sRGB: ziet er op elk scherm hetzelfde uit.

Witte tekst
1.19:1Slecht leesbaar
Lc -11
Zwarte tekst
17.60:1Goed leesbaar · AA
Lc 94

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: Canary yellow, Canary

Paletten met Kanariegeel

Vergelijkbare benoemde kleuren

Vragen over Kanariegeel

Wat is de HEX-code van Kanariegeel?

De HEX-code van Kanariegeel is #ffef00. In RGB is het rgb(255, 239, 0), in HSL hsl(56.24, 100%, 50%) en in OKLCH oklch(93.505% 0.19807 104.666).

Welke kleuren passen bij Kanariegeel?

De complementaire kleur is #e5e5ff. Voor een rustiger geheel combineer je hem met de analoge kleuren #ffe2a8 en #aeff75. Kant-en-klare paletten met Kanariegeel staan op deze pagina.

Is Kanariegeel een warme of koele kleur?

De kleur Kanariegeel is neutraal, met een kleurtoon van 105 graden in OKLCH.

Welke tekstkleur is goed leesbaar op Kanariegeel?

Zwarte tekst leest beter op Kanariegeel: wit geeft een contrastverhouding van 1.19:1 en zwart 17.6:1. WCAG AA vraagt minstens 4,5:1 voor lopende tekst.

Over #ffef00

#ffef00 is fel zeer lichtgeel. In OKLCH heeft deze kleur een lichtheid van 93,5%, een chroma van 0.198 en een kleurtoon van 105°.

Binnen sRGB: ziet er op elk scherm hetzelfde uit.

Witte tekst haalt hierop een contrast van 1.19:1 en zwarte tekst 17.6:1, dus zwarte tekst leest beter.

De dichtstbijzijnde benoemde kleur is Kanariegeel (#ffef00). In Tailwind CSS komt yellow-300 het dichtst in de buurt.

Meer zeer lichte gele kleuren

Lichter: #ffef00 gemengd met wit

  1. ffef00

Donkerder: #ffef00 gemengd met zwart

  1. ffef00

Rustiger: #ffef00 met minder verzadiging

  1. ffef00

Vergelijkbare benoemde kleuren

Kleuren die passen bij #ffef00

Complementair
#ffef00
Analoog
#ffef00
Triadisch
#ffef00
Gesplitst
#ffef00