Nome ufficiale di questo colore
#00AADD
Nome ufficiale di questo colore
#00AADD
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 2.69:1
Testo nero su questo sfondo
Aa Rapporto 7.79:1
:root {
--color: #00AADD;
--color-rgb: 0, 170, 221;
--color-hsl: 193.8, 100%, 43.3%;
}
.bg-color { background-color: #00AADD; }
.text-on-color { color: #000000; }
.border-color { border-color: #00AADD; }
.gradient {
background-image: linear-gradient(90deg, #00AADD 0%, 0099CC 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
#00AADD
Visione tricromatica standard con tutti e tre i tipi di coni funzionanti.
Protanomalia
#50A1DF
Sensibilità anomala dei coni L (~1% degli uomini). Percezione del rosso indebolita.
Protanopia
#869CE0
Coni L mancanti (~1% degli uomini). I rossi sono difficili da percepire.
Deuteranomalia
#3A8FDD
Sensibilità anomala dei coni M (~6% degli uomini). La carenza più comune.
Deuteranopia
#607DDD
Coni M mancanti (~1% degli uomini). Rossi e verdi sono confusi.
Tritanomalia
#00B7C7
Sensibilità anomala dei coni S (estremamente rari). Percezione blu-giallo indebolita.
Trianopia
#00BFB9
Coni S mancanti (estremamente rari). Blu e gialli sono confusi.
Achromatomalia
#4491A9
Visione cromatica gravemente indebolita (~0,001%). I colori appaiono sbiaditi.
Achromatopsia
#8A8A8A
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.
Text readability sample
color: #00AADD;Text readability sample
background-color: #00AADD;Text readability sample
text-shadow: 0.1em 0.1em 0.15em #00AADD;linear-gradient(90deg, #00AADD, #DD3300)Trama tonalità, saturazione e luminosità per anteprime in tempo reale: trova la versione che ti sembra giusta.
Questo è il colore con codice esadecimale #00AADD. I suoi canali RGB sono 0, 170, 221; il nome leggibile più vicino è "Blue Fire" (ΔE 0, CIEDE2000).
#00AADD è rgb(0, 170, 221) in RGB, hsl(193.8, 100%, 43.3%) in HSL e cmyk(100%, 23.1%, 0%, 13.3%) in CMYK.
Il suo complementare #DD3300 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 è 7.79:1 e con testo bianco è 2.69:1. WCAG 2.1 richiede almeno 4,5:1 per il testo normale (AA) e 3:1 per il testo grande.