Naar de kleurkiezer

Lichtblauw: kleurcode #add8e6

Lichtblauw is #add8e6, rgb(173, 216, 230) in RGB en oklch(85.623% 0.04894 219.654) in OKLCH. Alle andere formaten, tinten, passende kleuren en paletten staan hieronder.

Gelezen als HEX

195°
100%

85,6%
0,049
220°
  • Hemelsblauw
  • Zeer licht
  • Zacht
  • Pastel
  • Koel
  • slate-300
  • Zwart 10%

Binnen sRGB: ziet er op elk scherm hetzelfde uit.

Witte tekst
1.53:1Slecht leesbaar
Lc -28
Zwarte tekst
13.74:1Goed leesbaar · AA
Lc 79

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: Light blue

Paletten met Lichtblauw

Vergelijkbare benoemde kleuren

Vragen over Lichtblauw

Wat is de HEX-code van Lichtblauw?

De HEX-code van Lichtblauw is #add8e6. In RGB is het rgb(173, 216, 230), in HSL hsl(194.74, 53.27%, 79.02%) en in OKLCH oklch(85.623% 0.04894 219.654).

Welke kleuren passen bij Lichtblauw?

De complementaire kleur is #edc6b8. Voor een rustiger geheel combineer je hem met de analoge kleuren #acdbd7 en #b8d3ef. Kant-en-klare paletten met Lichtblauw staan op deze pagina.

Is Lichtblauw een warme of koele kleur?

De kleur Lichtblauw is koel, met een kleurtoon van 220 graden in OKLCH.

Welke tekstkleur is goed leesbaar op Lichtblauw?

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

Over #add8e6

#add8e6 is pastel zeer lichthemelsblauw. In OKLCH heeft deze kleur een lichtheid van 85,6%, een chroma van 0.049 en een kleurtoon van 220°.

Binnen sRGB: ziet er op elk scherm hetzelfde uit.

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

De dichtstbijzijnde benoemde kleur is Lichtblauw (#add8e6). In Tailwind CSS komt slate-300 het dichtst in de buurt.

Meer zeer lichte hemelsblauwe kleuren

Lichter: #add8e6 gemengd met wit

  1. add8e6

Donkerder: #add8e6 gemengd met zwart

  1. add8e6

Rustiger: #add8e6 met minder verzadiging

  1. add8e6

Vergelijkbare benoemde kleuren

Kleuren die passen bij #add8e6

Complementair
#add8e6
Analoog
#add8e6
Triadisch
#add8e6
Gesplitst
#add8e6