#3B89B0

≈ steelblue

%
Apri la pagina del colore

Codici colore

HEX#3B89B0
RGBrgb(59, 137, 176)
HSLhsl(200°, 49.79%, 46.08%)
HSVhsv(200°, 66.48%, 69.02%)
CMYKcmyk(66.48%, 22.16%, 0%, 30.98%)
XYZxyz(18.58, 21.95, 44.32)
LABlab(53.98, -11.43, -27.57)
LCHlch(53.98, 29.85, 247.48°)

Codici colore

HEX#3B89B0
RGBrgb(59, 137, 176)
HSLhsl(200°, 49.79%, 46.08%)
HSVhsv(200°, 66.48%, 69.02%)
CMYKcmyk(66.48%, 22.16%, 0%, 30.98%)
XYZxyz(18.58, 21.95, 44.32)
LABlab(53.98, -11.43, -27.57)
LCHlch(53.98, 29.85, 247.48°)

Accessibilità

Su bianco3.9:1AA ✗AAA ✗
Su nero5.39:1AA ✓AAA ✗

Quel vituperabile xenofobo

Testo sul colore, per valutare la leggibilità prima di sceglierlo definitivamente.

Variazioni e combinazioni di colore

Le tinte mescolano il colore con bianco puro e le ombre con nero puro. Entrambe le scale sono calcolate a passi del 10%, così puoi schiarire o scurire un tono senza abbandonarlo.

Ombre

Tinte

Armonie di colore

Le armonie scelgono colori compagni in base alla posizione sulla ruota cromatica. Ogni regola produce un'atmosfera diversa, dal contrasto netto alle fusioni morbide tra vicini.

#3B89B0
#B0623B

Complementare

La tonalità opposta sulla ruota, a 180°. Contrasto massimo: funziona meglio quando un colore guida e l'altro fa da accento.

Crea gradiente
#3B89B0
#B03B4F
#B09D3B

Complementare divisa

Il colore base più i due vicini del suo opposto, a circa 30° per lato. Mantiene il contrasto e attenua lo stridore.

Crea gradiente
#3B89B0
#B03B89
#89B03B

Triadica

Tre tonalità distanziate di 120°. Vivace ed equilibrata: lascia dominare una e usa le altre come accenti.

Crea gradiente
#3BB09D
#3B89B0
#3B4EB0

Analoga

Tre tonalità vicine a 30°. Poco contrasto e molto riposante, ideale per sfondi tranquilli e gradienti.

Crea gradiente
#1B3F51
#2C6582
#3B89B0
#5FA6C9
#91C1DA

Monocromatica

Una sola tonalità su più livelli di luminosità. Coerente per costruzione e la via più sicura verso un'interfaccia uniforme.

Crea gradiente
#3B89B0
#623BB0
#B0623B
#89B03B

Tetradica

Due coppie complementari che formano un rettangolo sulla ruota. Lo schema più ricco e quello che richiede più misura.

Crea gradiente

Altri colori di tendenza