ColorTool
Accedi
#20489E

#20489e ≈ Cobalt Blue

  • blu
  • Luminosità: bassa
  • Saturazione: moderata
  • Freddo
Verifica il contrasto Esplora nel grafo Colore casuale

#20489e è un colore della famiglia «blu», con luminosità bassa e saturazione moderata. Nel modello RGB è composto da 12,55% di rosso, 28,24% di verde e 61,96% di blu; in stampa CMYK usa 79,75% di ciano, 54,43% di magenta, 0% di giallo e 38,04% di nero. Il suo angolo di tinta è 220,95°, con 66,32% di saturazione e 37,25% di luminosità in HSL. È un colore freddo, spesso associato a fiducia, stabilità e concentrazione. I designer lo usano spesso per prodotti tecnologici, finanza e banche e accenti di brand. Il testo bianco su questo colore raggiunge un rapporto di contrasto di 8,46:1 (WCAG AAA). Il colore con nome più vicino è Cobalt Blue (#0047ab), ΔE 1,98.

Descrizione generata dalle proprietà misurate di questo colore.

HEX
RGB
RGB percentuale
CMY
CMYK
HSL
HSV / HSB
Web-safe#333399
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binario
Decimale
Luminanza relativa0.0741

Complementare

  1. #20489e
  2. #9e7620

Complementare diviso

  1. #20489e
  2. #9e3720
  3. #879e20

Analogo

  1. #20879e
  2. #20489e
  3. #37209e

Triadico

  1. #20489e
  2. #9e2048
  3. #489e20

Tetradico

  1. #20489e
  2. #76209e
  3. #9e7620
  4. #489e20

Quadrato

  1. #20489e
  2. #9e2087
  3. #9e7620
  4. #209e37

Monocromatico

  1. #060e1f
  2. #132b5e
  3. #20489e
  4. #3468d6
  5. #7497e3

Ombre

#20489e miscelato progressivamente con il nero.

  1. #20489e
  2. #1d418e
  3. #1a3a7e
  4. #16326f
  5. #132b5f
  6. #10244f
  7. #0d1d3f
  8. #0a162f
  9. #060e20
  10. #030710
  11. #000000

Tinte

#20489e miscelato progressivamente con il bianco.

  1. #20489e
  2. #365aa8
  3. #4d6db1
  4. #637fbb
  5. #7991c5
  6. #90a4cf
  7. #a6b6d8
  8. #bcc8e2
  9. #d2daec
  10. #e9edf5
  11. #ffffff

Toni

#20489e miscelato progressivamente con il grigio.

  1. #20489e
  2. #2a4e9b
  3. #335398
  4. #3d5995
  5. #465e92
  6. #50648f
  7. #5a6a8c
  8. #636f89
  9. #6d7586
  10. #767a83
  11. #808080

Testo leggibile 8.46:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Testo leggibile 2.48:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #4d4d4d ≈ 0.003% degli uomini
Acromatomalia #3f4b76 ≈ 0.001% degli uomini
Protanopia #0153a1 ≈ 1.01% degli uomini
Deuteranopia #00479c ≈ 1.27% degli uomini
Tritanopia #005d6c ≈ 0.0001% degli uomini
Protanomalia #124fa0 ≈ 1.08% degli uomini
Deuteranomalia #00489d ≈ 4.63% degli uomini
Tritanomalia #005583 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-20489e {
  color: #20489e;
}
Sfondo
.bg-20489e {
  background-color: #20489e;
  color: #ffffff;
}
Bordo
.border-20489e {
  border: 2px solid #20489e;
}
Variabili CSS
:root {
  --color-primary: #20489e;
  --color-primary-rgb: 32 72 158;
  --color-primary-hsl: 221 66% 37%;
}
Sfumatura
.gradient-20489e {
  background: linear-gradient(135deg, #20489e, #37209e);
}
Ombra colorata
.shadow-20489e {
  box-shadow: 0 8px 24px rgb(32 72 158 / 0.35);
}

#0047ab Cobalt Blue ΔE 1.98 #0f4d92 Yale Blue ΔE 3.97 #0f52ba Sapphire ΔE 4.66 #003399 Smalt ΔE 6.55 #1034a6 Egyptian Blue ΔE 6.72 #1c39bb Persian Blue ΔE 6.95 #4f42b5 Ocean Blue ΔE 8.82 #dfb761 Invertito #4d4d4d Scala di grigi 

Cobalt Blue
#20489e  rgb(32, 72, 158)  hsl(221, 66%, 37%)  Cobalt Blue
#9e7620  rgb(158, 118, 32)  hsl(41, 66%, 37%)  Golden Brown
#9e2048  rgb(158, 32, 72)  hsl(341, 66%, 37%)  Vivid Burgundy
#489e20  rgb(72, 158, 32)  hsl(101, 66%, 37%)  Islamic Green