Naar de kleurkiezer

Citroengeel: kleurcode #fff700

Citroengeel is #fff700, rgb(255, 247, 0) in RGB en oklch(95.145% 0.20435 107.325) in OKLCH. Alle andere formaten, tinten, passende kleuren en paletten staan hieronder.

Gelezen als HEX

58°
100%

95,1%
0,204
107°
  • Geel
  • Zeer licht
  • Fel
  • Neon
  • Neutraal
  • yellow-300
  • Zwart 0%

Binnen sRGB: ziet er op elk scherm hetzelfde uit.

Witte tekst
1.13:1Slecht leesbaar
Lc 0
Zwarte tekst
18.56:1Goed leesbaar · AA
Lc 98

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: Citroen, Lemon

Paletten met Citroengeel

Vergelijkbare benoemde kleuren

Vragen over Citroengeel

Wat is de HEX-code van Citroengeel?

De HEX-code van Citroengeel is #fff700. In RGB is het rgb(255, 247, 0), in HSL hsl(58.12, 100%, 50%) en in OKLCH oklch(95.145% 0.20435 107.325).

Welke kleuren passen bij Citroengeel?

De complementaire kleur is #ecebff. Voor een rustiger geheel combineer je hem met de analoge kleuren #ffe9b4 en #beffa2. Kant-en-klare paletten met Citroengeel staan op deze pagina.

Is Citroengeel een warme of koele kleur?

De kleur Citroengeel is neutraal, met een kleurtoon van 107 graden in OKLCH.

Welke tekstkleur is goed leesbaar op Citroengeel?

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

Over #fff700

#fff700 is neon zeer lichtgeel. In OKLCH heeft deze kleur een lichtheid van 95,1%, een chroma van 0.204 en een kleurtoon van 107°.

Binnen sRGB: ziet er op elk scherm hetzelfde uit.

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

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

Meer zeer lichte gele kleuren

Lichter: #fff700 gemengd met wit

  1. fff700

Donkerder: #fff700 gemengd met zwart

  1. fff700

Rustiger: #fff700 met minder verzadiging

  1. fff700

Vergelijkbare benoemde kleuren

Kleuren die passen bij #fff700

Complementair
#fff700
Analoog
#fff700
Triadisch
#fff700
Gesplitst
#fff700