Dichtstbijzijnde benoemde kleur · ΔE 0.75
#B2DBF0
Dichtstbijzijnde benoemde kleur · ΔE 0.75
#B2DBF0
Springt het eruit als knop? Blijft het leesbaar als achtergrond? Is het bruikbaar als badge?
Als een hele site deze als primaire kleur zou gebruiken, zou het zo aanvoelen —
Hoofdtekst komt hier. De primaire kleur bepaalt knoppen en links, tinten vullen achtergronden, tekst gebruikt de kleur met het hoogste contrast.
Aan de slagHarmonieuze schema's gegenereerd uit kleurentheorie.
Hoe deze kleur presteert tegen zwarte en witte tekst.
Witte tekst op deze achtergrond
Aa Verhouding 1.47:1
Zwarte tekst op deze achtergrond
Aa Verhouding 14.28:1
:root {
--color: #B2DBF0;
--color-rgb: 178, 219, 240;
--color-hsl: 200.3, 67.4%, 82%;
}
.bg-color { background-color: #B2DBF0; }
.text-on-color { color: #000000; }
.border-color { border-color: #B2DBF0; }
.gradient {
background-image: linear-gradient(90deg, #B2DBF0 0%, 99CCFF 100%);
}Dichtstbijzijnde officiële code in elk standsysteem, gerangschikt op CIEDE2000.
Officiële kleur uit openbare merkmaterialen (simple-icons CC0 dataset)
Hoe de ouden deze kleur zouden hebben genoemd.
Dezelfde kleur, zoals genoemd in de Japanse traditie.
Gebaseerd op het Machado (2009)-model - zie hoe deze kleur eruitziet voor 8 soorten kleurenzicht.
Normaal zicht
#B2DBF0
Standaard trichromatisch zicht met alle drie kegeltjes die functioneren.
Protanomalie
#C4D9F1
Abnormale L kegeltjegevoeligheid (~1% van mannen). Verminderde roodwaarneming.
Protanopie
#D0D8F1
Ontbrekende L kegeltjes (~1% van mannen). Rood is moeilijk waar te nemen.
Deuteranomalie
#BFD5F0
Abnormale M kegeltjegevoeligheid (~6% van mannen). De meest voorkomende tekortkoming.
Deuteranopie
#C7D1F0
Ontbrekende M kegeltjes (~1% van mannen). Rood en groen worden verward.
Tritanomalie
#A9DFE7
Abnormale S kegeltjegevoeligheid (extreem zeldzaam). Verminderde blauw-geel waarneming.
Tritanopie
#A4E1E1
Ontbrekende S kegeltjes (extreem zeldzaam). Blauw en geel worden verward.
Achromatomalie
#C3D6DF
Ernstig verminderd kleurenzicht (~0,001%). Kleuren lijken vervaagd.
Achromatopsie
#D4D4D4
Helemaal geen kleurenzicht (~0,003%). De wereld bestaat uit grijstinten.
Dichtstbijzijnde namen volgens CIEDE2000 waarnemingsafstand.
Kleuren één stap verwijderd in de RGB-ruimte — elk met een eigen profielpagina.
Namen die mensen aan deze kleur hebben gegeven – één hex, eindeloze perspectieven.
…
Aanmelden / Registreren · Meld je aan om kleuren een naam te geven. Je namen worden openbaar met jou als auteur vermeld.
Veelvoorkomende afgeleiden van deze kleur: lichter / donkerder / meer verzadigd / minder verzadigd, plus omgekeerd, grijswaarden, webveilig en de dichtstbijzijnde HTML-benoemde kleur. Klik op een om de pagina te openen.
Kopieer-plakken fragmenten: voorgrondtekst, achtergrond, tekstschaduw en een complementair verloop.
Voorbeeld van tekstleesbaarheid
color: #B2DBF0;Voorbeeld van tekstleesbaarheid
background-color: #B2DBF0;Voorbeeld van tekstleesbaarheid
text-shadow: 0.1em 0.1em 0.15em #B2DBF0;linear-gradient(90deg, #B2DBF0, #F0C7B2)Sleep tint, verzadiging en helderheid om live voor te kijken - vind de versie die goed voelt.
Dit is de kleur met hexcode #B2DBF0. De RGB-kanalen zijn 178, 219, 240; de dichtstbijzijnde leesbare naam is "Seashore Dreams" (ΔE 0.75, CIEDE2000).
#B2DBF0 is rgb(178, 219, 240) in RGB, hsl(200.3, 67.4%, 82%) in HSL en cmyk(25.8%, 8.8%, 0%, 5.9%) in CMYK.
Zijn complementair #F0C7B2 werkt het beste, samen met triadische en analoge harmonieën - zie de harmonie-sectie hieronder om volledige paletten te kopiëren.
Het contrast met zwarte tekst is 14.28:1 en met witte tekst 1.47:1. WCAG 2.1 vereist minimaal 4,5:1 voor hoofdtekst (AA) en 3:1 voor grote tekst.