ColorTool
Accedi
#2C4580

#2c4580 ≈ Yale Blue

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

#2c4580 è un colore della famiglia «blu», con luminosità bassa e saturazione moderata. Nel modello RGB è composto da 17,25% di rosso, 27,06% di verde e 50,2% di blu; in stampa CMYK usa 65,62% di ciano, 46,09% di magenta, 0% di giallo e 49,8% di nero. Il suo angolo di tinta è 222,14°, con 48,84% di saturazione e 33,73% 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 identità aziendali. Il testo bianco su questo colore raggiunge un rapporto di contrasto di 9,25:1 (WCAG AAA). Il colore con nome più vicino è Yale Blue (#0f4d92), ΔE 5,24.

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.0635

Complementare

  1. #2c4580
  2. #80672c

Complementare diviso

  1. #2c4580
  2. #803d2c
  3. #6f802c

Analogo

  1. #2c6f80
  2. #2c4580
  3. #3d2c80

Triadico

  1. #2c4580
  2. #802c45
  3. #45802c

Tetradico

  1. #2c4580
  2. #672c80
  3. #80672c
  4. #45802c

Quadrato

  1. #2c4580
  2. #802c6f
  3. #80672c
  4. #2c803d

Monocromatico

  1. #05080f
  2. #182647
  3. #2c4580
  4. #4064b9
  5. #7590d0

Ombre

#2c4580 miscelato progressivamente con il nero.

  1. #2c4580
  2. #283e73
  3. #233766
  4. #1f305a
  5. #1a294d
  6. #162340
  7. #121c33
  8. #0d1526
  9. #090e1a
  10. #04070d
  11. #000000

Tinte

#2c4580 miscelato progressivamente con il bianco.

  1. #2c4580
  2. #41588d
  3. #566a99
  4. #6b7da6
  5. #808fb3
  6. #96a2c0
  7. #abb5cc
  8. #c0c7d9
  9. #d5dae6
  10. #eaecf2
  11. #ffffff

Toni

#2c4580 miscelato progressivamente con il grigio.

  1. #2c4580
  2. #344b80
  3. #3d5180
  4. #455780
  5. #4e5d80
  6. #566380
  7. #5e6880
  8. #676e80
  9. #6f7480
  10. #787a80
  11. #808080

Testo leggibile 9.25:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Testo leggibile 2.27:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #474747 ≈ 0.003% degli uomini
Acromatomalia #3e4663 ≈ 0.001% degli uomini
Protanopia #294b82 ≈ 1.01% degli uomini
Deuteranopia #1b447f ≈ 1.27% degli uomini
Tritanopia #00525c ≈ 0.0001% degli uomini
Protanomalia #2a4981 ≈ 1.08% degli uomini
Deuteranomalia #23447f ≈ 4.63% degli uomini
Tritanomalia #0a4d6c ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-2c4580 {
  color: #2c4580;
}
Sfondo
.bg-2c4580 {
  background-color: #2c4580;
  color: #ffffff;
}
Bordo
.border-2c4580 {
  border: 2px solid #2c4580;
}
Variabili CSS
:root {
  --color-primary: #2c4580;
  --color-primary-rgb: 44 69 128;
  --color-primary-hsl: 222 49% 34%;
}
Sfumatura
.gradient-2c4580 {
  background: linear-gradient(135deg, #2c4580, #3d2c80);
}
Ombra colorata
.shadow-2c4580 {
  box-shadow: 0 8px 24px rgb(44 69 128 / 0.35);
}

#0f4d92 Yale Blue ΔE 5.24 #0047ab Cobalt Blue ΔE 6.24 #003399 Smalt ΔE 7.45 #483d8b Dark Slate Blue ΔE 7.86 #1034a6 Egyptian Blue ΔE 8.44 #0f52ba Sapphire ΔE 8.61 #003153 Prussian Blue ΔE 9.40 #d3ba7f Invertito #474747 Scala di grigi 

Yale Blue
#2c4580  rgb(44, 69, 128)  hsl(222, 49%, 34%)  Yale Blue
#80672c  rgb(128, 103, 44)  hsl(42, 49%, 34%)  Raw Umber
#802c45  rgb(128, 44, 69)  hsl(342, 49%, 34%)  Claret
#45802c  rgb(69, 128, 44)  hsl(102, 49%, 34%)  Sap Green