Kleur #007BA1 (Bleu Ciel)
De hexadecimale code #007BA1 komt overeen met de kleur Bleu Ciel. Hieronder zie je de exacte waarden in RGB, HSL en CMYK, kun je het contrast op witte en zwarte achtergronden controleren, en ontdek je vergelijkbare en complementaire kleuren binnen de turquoise-familie.
| HEX-code | #007BA1 |
|---|---|
| RGB-code | rgb(0, 123, 161) |
| HSL-code | hsl(194.2, 100%, 31.6%) |
| CMYK-code | cmyk(100%, 24%, 0%, 37%) |
| Kleurenfamilie | Turquoise |
Contrast en toegankelijkheid (WCAG)
Complementaire kleur
Lynx#604D47
Vergelijkbare kleuren
Verken kleuren per familie
Meer dan 469 benoemde kleuren, met hun HEX-, RGB-, HSL- en CMYK-codes, georganiseerd in 12 kleurengroepen.
Hoe u de kleur Bleu Ciel gebruikt
Pas het toe in uw CSS of ontwerp
Kopieer de code #007BA1 en gebruik deze direct in je stylesheet, bijvoorbeeld background-color: #007BA1; of color: #007BA1;. Als je de waarde in een ander formaat nodig hebt, converteer deze naar RGB, HSL of CMYK met onze kleurenconverter.
Combineer het met andere kleuren
Probeer Bleu Ciel samen met de complementaire kleur of met vergelijkbare tinten uit de turquoise-familie die we hieronder tonen, of genereer een volledige palet op basis van deze kleur met de paletgenerator.
Controleer de toegankelijkheid
Voordat je Bleu Ciel gebruikt als tekst- of achtergrondkleur, controleer de contrastverhouding tegen wit en zwart hierboven aangegeven, of analyseer elke combinatie in de contrastchecker om er zeker van te zijn dat deze voldoet aan de WCAG AA- en AAA-niveaus.
Veelgestelde vragen
Welke kleur is #007BA1?
+
De code #007BA1 correspondeert met de kleur Bleu Ciel, behorend tot de familie van turquoise.
Welke kleuren combineren goed met Bleu Ciel?
+
Je kunt hieronder de complementaire kleur en enkele vergelijkbare kleuren zien, of genereer een volledig palet op basis van Bleu Ciel met onze paletgenerator.
Is de kleur Bleu Ciel toegankelijk voor tekst?
+
Het hangt af van de achtergrond: raadpleeg de contrastverhouding op wit en zwart hierboven om te controleren of deze voldoet aan de WCAG AA- en AAA-toegankelijkheidsniveaus.
