Dichtstbijzijnde benoemde kleur · ΔE 1.7
#3761BA
Dichtstbijzijnde benoemde kleur · ΔE 1.7
#3761BA
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 5.86:1
Zwarte tekst op deze achtergrond
Aa Verhouding 3.58:1
:root {
--color: #3761BA;
--color-rgb: 55, 97, 186;
--color-hsl: 220.8, 54.4%, 47.3%;
}
.bg-color { background-color: #3761BA; }
.text-on-color { color: #ffffff; }
.border-color { border-color: #3761BA; }
.gradient {
background-image: linear-gradient(90deg, #3761BA 0%, 3366CC 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
#3761BA
Standaard trichromatisch zicht met alle drie kegeltjes die functioneren.
Protanomalie
#4163BD
Abnormale L kegeltjegevoeligheid (~1% van mannen). Verminderde roodwaarneming.
Protanopie
#4865BF
Ontbrekende L kegeltjes (~1% van mannen). Rood is moeilijk waar te nemen.
Deuteranomalie
#3B5CB9
Abnormale M kegeltjegevoeligheid (~6% van mannen). De meest voorkomende tekortkoming.
Deuteranopie
#3D59B8
Ontbrekende M kegeltjes (~1% van mannen). Rood en groen worden verward.
Tritanomalie
#276B95
Abnormale S kegeltjegevoeligheid (extreem zeldzaam). Verminderde blauw-geel waarneming.
Tritanopie
#1C717C
Ontbrekende S kegeltjes (extreem zeldzaam). Blauw en geel worden verward.
Achromatomalie
#4D6088
Ernstig verminderd kleurenzicht (~0,001%). Kleuren lijken vervaagd.
Achromatopsie
#5E5E5E
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: #3761BA;Voorbeeld van tekstleesbaarheid
background-color: #3761BA;Voorbeeld van tekstleesbaarheid
text-shadow: 0.1em 0.1em 0.15em #3761BA;linear-gradient(90deg, #3761BA, #BA9037)Sleep tint, verzadiging en helderheid om live voor te kijken - vind de versie die goed voelt.
Dit is de kleur met hexcode #3761BA. De RGB-kanalen zijn 55, 97, 186; de dichtstbijzijnde leesbare naam is "Kakitsubata Blue" (ΔE 1.7, CIEDE2000).
#3761BA is rgb(55, 97, 186) in RGB, hsl(220.8, 54.4%, 47.3%) in HSL en cmyk(70.4%, 47.8%, 0%, 27.1%) in CMYK.
Zijn complementair #BA9037 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 3.58:1 en met witte tekst 5.86:1. WCAG 2.1 vereist minimaal 4,5:1 voor hoofdtekst (AA) en 3:1 voor grote tekst.