Dichtstbijzijnde benoemde kleur · ΔE 0.57
#577FC1
Dichtstbijzijnde benoemde kleur · ΔE 0.57
#577FC1
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 4.03:1
Zwarte tekst op deze achtergrond
Aa Verhouding 5.21:1
:root {
--color: #577FC1;
--color-rgb: 87, 127, 193;
--color-hsl: 217.4, 46.1%, 54.9%;
}
.bg-color { background-color: #577FC1; }
.text-on-color { color: #000000; }
.border-color { border-color: #577FC1; }
.gradient {
background-image: linear-gradient(90deg, #577FC1 0%, 6666CC 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
#577FC1
Standaard trichromatisch zicht met alle drie kegeltjes die functioneren.
Protanomalie
#6380C3
Abnormale L kegeltjegevoeligheid (~1% van mannen). Verminderde roodwaarneming.
Protanopie
#6B81C5
Ontbrekende L kegeltjes (~1% van mannen). Rood is moeilijk waar te nemen.
Deuteranomalie
#5D7AC0
Abnormale M kegeltjegevoeligheid (~6% van mannen). De meest voorkomende tekortkoming.
Deuteranopie
#6177BF
Ontbrekende M kegeltjes (~1% van mannen). Rood en groen worden verward.
Tritanomalie
#4A87A5
Abnormale S kegeltjegevoeligheid (extreem zeldzaam). Verminderde blauw-geel waarneming.
Tritanopie
#418C93
Ontbrekende S kegeltjes (extreem zeldzaam). Blauw en geel worden verward.
Achromatomalie
#6A7D9B
Ernstig verminderd kleurenzicht (~0,001%). Kleuren lijken vervaagd.
Achromatopsie
#7B7B7B
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: #577FC1;Voorbeeld van tekstleesbaarheid
background-color: #577FC1;Voorbeeld van tekstleesbaarheid
text-shadow: 0.1em 0.1em 0.15em #577FC1;linear-gradient(90deg, #577FC1, #C19957)Sleep tint, verzadiging en helderheid om live voor te kijken - vind de versie die goed voelt.
Dit is de kleur met hexcode #577FC1. De RGB-kanalen zijn 87, 127, 193; de dichtstbijzijnde leesbare naam is "Blue Iolite" (ΔE 0.57, CIEDE2000).
#577FC1 is rgb(87, 127, 193) in RGB, hsl(217.4, 46.1%, 54.9%) in HSL en cmyk(54.9%, 34.2%, 0%, 24.3%) in CMYK.
Zijn complementair #C19957 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 5.21:1 en met witte tekst 4.03:1. WCAG 2.1 vereist minimaal 4,5:1 voor hoofdtekst (AA) en 3:1 voor grote tekst.