Kleur #00BFFF (Capri)

De hexadecimale code #00BFFF komt overeen met de kleur Capri. 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#00BFFF
RGB-codergb(0, 191, 255)
HSL-codehsl(195.1, 100%, 50%)
CMYK-codecmyk(100%, 25%, 0%, 0%)
KleurenfamilieTurquoise

Contrast en toegankelijkheid (WCAG)

Op witte achtergrond: 2.12:1
AA ✕
AAA ✕
Op zwarte achtergrond: 9.9:1
AA ✓
AAA ✓
Openen in de kleuromzetter Een palet met deze kleur maken

Complementaire kleur

Langoustine
#DC5226

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 Capri gebruikt

1

Pas het toe in uw CSS of ontwerp

Kopieer de code #00BFFF en gebruik deze direct in je stylesheet, bijvoorbeeld background-color: #00BFFF; of color: #00BFFF;. Als je de waarde in een ander formaat nodig hebt, converteer deze naar RGB, HSL of CMYK met onze kleurenconverter.

2

Combineer het met andere kleuren

Probeer Capri 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.

3

Controleer de toegankelijkheid

Voordat je Capri 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 #00BFFF?

+

De code #00BFFF correspondeert met de kleur Capri, behorend tot de familie van turquoise.

Welke kleuren combineren goed met Capri?

+

Je kunt hieronder de complementaire kleur en enkele vergelijkbare kleuren zien, of genereer een volledig palet op basis van Capri met onze paletgenerator.

Is de kleur Capri 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.

Hebben we je geholpen? Help ons het bekend te maken!
Deel PDFDocks met iedereen die het nodig kan hebben.