Naar de kleurkiezer

Periwinkle: kleurcode #ccccff

Periwinkle is #ccccff, rgb(204, 204, 255) in RGB en oklch(86.218% 0.07046 284.827) in OKLCH. Alle andere formaten, tinten, passende kleuren en paletten staan hieronder.

Gelezen als HEX

240°
100%

86,2%
0,070
285°
  • Indigo
  • Zeer licht
  • Zacht
  • Pastel
  • Koel
  • indigo-200
  • Zwart 0%

Binnen sRGB: ziet er op elk scherm hetzelfde uit.

Witte tekst
1.54:1Slecht leesbaar
Lc -28
Zwarte tekst
13.65: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: Lavendelblauw

Paletten met Periwinkle

Vergelijkbare benoemde kleuren

Vragen over Periwinkle

Wat is de HEX-code van Periwinkle?

De HEX-code van Periwinkle is #ccccff. In RGB is het rgb(204, 204, 255), in HSL hsl(240, 100%, 90%) en in OKLCH oklch(86.218% 0.07046 284.827).

Welke kleuren passen bij Periwinkle?

De complementaire kleur is #d8d59f. Voor een rustiger geheel combineer je hem met de analoge kleuren #b3d5ff en #e3c4f2. Kant-en-klare paletten met Periwinkle staan op deze pagina.

Is Periwinkle een warme of koele kleur?

De kleur Periwinkle is koel, met een kleurtoon van 285 graden in OKLCH.

Welke tekstkleur is goed leesbaar op Periwinkle?

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

Over #ccccff

#ccccff is pastel zeer lichtindigo. In OKLCH heeft deze kleur een lichtheid van 86,2%, een chroma van 0.07 en een kleurtoon van 285°.

Binnen sRGB: ziet er op elk scherm hetzelfde uit.

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

De dichtstbijzijnde benoemde kleur is Periwinkle (#ccccff). In Tailwind CSS komt indigo-200 het dichtst in de buurt.

Meer zeer lichte indigo kleuren

Lichter: #ccccff gemengd met wit

  1. ccccff

Donkerder: #ccccff gemengd met zwart

  1. ccccff

Rustiger: #ccccff met minder verzadiging

  1. ccccff

Vergelijkbare benoemde kleuren

Kleuren die passen bij #ccccff

Complementair
#ccccff
Analoog
#ccccff
Triadisch
#ccccff
Gesplitst
#ccccff