Nome del colore più vicino · ΔE 2.71
#577EE4
Nome del colore più vicino · ΔE 2.71
#577EE4
Spicca come pulsante? Rimane leggibile come sfondo? Resiste in formato badge?
Se un intero sito lo utilizzasse come colore primario, avrebbe questo aspetto —
Il testo del corpo va qui. Il primario definisce pulsanti e link, le tinte riempiono gli sfondi, il testo utilizza il colore con il massimo contrasto.
Inizia subitoSchemi armoniosi generati dalla teoria dei colori.
Come si comporta questo colore rispetto al testo nero e bianco.
Testo bianco su questo sfondo
Aa Rapporto 3.81:1
Testo nero su questo sfondo
Aa Rapporto 5.51:1
:root {
--color: #577EE4;
--color-rgb: 87, 126, 228;
--color-hsl: 223.4, 72.3%, 61.8%;
}
.bg-color { background-color: #577EE4; }
.text-on-color { color: #000000; }
.border-color { border-color: #577EE4; }
.gradient {
background-image: linear-gradient(90deg, #577EE4 0%, 6666CC 100%);
}Codice ufficiale più vicino in ogni sistema standard, classificato per CIEDE2000.
Colore ufficiale tratto da materiali pubblici del marchio (dataset simple-icons CC0)
Come gli antichi avrebbero chiamato questo colore.
Lo stesso colore, come nominato nella tradizione giapponese.
Basata sul modello Machado (2009): scopri come questo colore appare a 8 tipi di visione cromatica.
Visione normale
#577EE4
Visione tricromatica standard con tutti e tre i tipi di coni funzionanti.
Protanomalia
#5E81E7
Sensibilità anomala dei coni L (~1% degli uomini). Percezione del rosso indebolita.
Protanopia
#6384E9
Coni L mancanti (~1% degli uomini). I rossi sono difficili da percepire.
Deuteranomalia
#587AE2
Sensibilità anomala dei coni M (~6% degli uomini). La carenza più comune.
Deuteranopia
#5878E1
Coni M mancanti (~1% degli uomini). Rossi e verdi sono confusi.
Tritanomalia
#4689B9
Sensibilità anomala dei coni S (estremamente rari). Percezione blu-giallo indebolita.
Trianopia
#3B909D
Coni S mancanti (estremamente rari). Blu e gialli sono confusi.
Achromatomalia
#6C7EAC
Visione cromatica gravemente indebolita (~0,001%). I colori appaiono sbiaditi.
acromatopsia
#7D7D7D
Nessuna visione cromatica (~0,003%). Il mondo è fatto di sfumature di grigio.
Nomi più vicini per distanza percettiva CIEDE2000.
Colori a un passo dallo spazio RGB — ognuno con la propria pagina profilo.
Nomi che le persone hanno dato a questo colore: un hex, infinite prospettive.
…
Accedi / Registrati · Accedi per nominare i colori. I tuoi nomi sono pubblicamente attribuiti a te.
Derivati comuni di questo colore: più chiaro / più scuro / più saturo / meno saturo, oltre a invertito, in scala di grigi, sicuro per il web e il colore HTML più vicino. Clicca su uno per aprire la sua pagina.
Copia e incolla i frammenti: testo in primo piano, sfondo, ombra del testo e un gradiente complementare.
Esempio di leggibilità del testo
color: #577EE4;Esempio di leggibilità del testo
background-color: #577EE4;Esempio di leggibilità del testo
text-shadow: 0.1em 0.1em 0.15em #577EE4;linear-gradient(90deg, #577EE4, #E4BD57)Trama tonalità, saturazione e luminosità per anteprime in tempo reale: trova la versione che ti sembra giusta.
Questo è il colore con codice esadecimale #577EE4. I suoi canali RGB sono 87, 126, 228; il nome leggibile più vicino è "Blue Öyster Cult" (ΔE 2.71, CIEDE2000).
#577EE4 è rgb(87, 126, 228) in RGB, hsl(223.4, 72.3%, 61.8%) in HSL e cmyk(61.8%, 44.7%, 0%, 10.6%) in CMYK.
Il suo complementare #E4BD57 funziona al meglio, insieme alle armonie triadiche e analoghe: consulta la sezione armonie qui sotto per copiare le palette complete.
Il contrasto con testo nero è 5.51:1 e con testo bianco è 3.81:1. WCAG 2.1 richiede almeno 4,5:1 per il testo normale (AA) e 3:1 per il testo grande.