ColorTool
Accedi
#2815A5

#2815a5 ≈ Zaffre

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

#2815a5 è un colore della famiglia «blu», con luminosità bassa e saturazione forte. Nel modello RGB è composto da 15,69% di rosso, 8,24% di verde e 64,71% di blu; in stampa CMYK usa 75,76% di ciano, 87,27% di magenta, 0% di giallo e 35,29% di nero. Il suo angolo di tinta è 247,92°, con 77,42% di saturazione e 36,47% 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 12,06:1 (WCAG AAA). Il colore con nome più vicino è Zaffre (#0014a8), ΔE 1,89.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #2815a5
  2. #92a515

Complementare diviso

  1. #2815a5
  2. #a57015
  3. #4aa515

Analogo

  1. #154aa5
  2. #2815a5
  3. #7015a5

Triadico

  1. #2815a5
  2. #a52815
  3. #15a528

Tetradico

  1. #2815a5
  2. #a51592
  3. #92a515
  4. #15a528

Quadrato

  1. #2815a5
  2. #a5154a
  3. #92a515
  4. #15a570

Monocromatico

  1. #07041d
  2. #180c61
  3. #2815a5
  4. #3d23e3
  5. #7967ec

Ombre

#2815a5 miscelato progressivamente con il nero.

  1. #2815a5
  2. #241395
  3. #201184
  4. #1c0f74
  5. #180d63
  6. #140b53
  7. #100842
  8. #0c0632
  9. #080421
  10. #040211
  11. #000000

Tinte

#2815a5 miscelato progressivamente con il bianco.

  1. #2815a5
  2. #3e2cae
  3. #5344b7
  4. #695bc0
  5. #7e73c9
  6. #948ad2
  7. #a9a1db
  8. #bfb9e4
  9. #d4d0ed
  10. #eae8f6
  11. #ffffff

Toni

#2815a5 miscelato progressivamente con il grigio.

  1. #2815a5
  2. #3120a1
  3. #3a2a9e
  4. #42359a
  5. #4b4096
  6. #544b93
  7. #5d558f
  8. #66608b
  9. #6e6b87
  10. #777584
  11. #808080

Testo leggibile 12.06:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Testo leggibile 1.74:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #363636 ≈ 0.003% degli uomini
Acromatomalia #312c73 ≈ 0.001% degli uomini
Protanopia #003ca9 ≈ 1.01% degli uomini
Deuteranopia #002fa3 ≈ 1.27% degli uomini
Tritanopia #004661 ≈ 0.0001% degli uomini
Protanomalia #0031a7 ≈ 1.08% degli uomini
Deuteranomalia #0027a4 ≈ 4.63% degli uomini
Tritanomalia #003882 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-2815a5 {
  color: #2815a5;
}
Sfondo
.bg-2815a5 {
  background-color: #2815a5;
  color: #ffffff;
}
Bordo
.border-2815a5 {
  border: 2px solid #2815a5;
}
Variabili CSS
:root {
  --color-primary: #2815a5;
  --color-primary-rgb: 40 21 165;
  --color-primary-hsl: 248 77% 36%;
}
Sfumatura
.gradient-2815a5 {
  background: linear-gradient(135deg, #2815a5, #7015a5);
}
Ombra colorata
.shadow-2815a5 {
  box-shadow: 0 8px 24px rgb(40 21 165 / 0.35);
}

#0014a8 Zaffre ΔE 1.89 #002395 Imperial Blue ΔE 4.77 #0000cd Medium Blue ΔE 4.79 #000f89 Phthalo Blue ΔE 4.92 #00008b Dark Blue ΔE 5.45 #32127a Persian Indigo ΔE 6.35 #000080 Navy ΔE 6.79 #d7ea5a Invertito #363636 Scala di grigi 

Zaffre
#2815a5  rgb(40, 21, 165)  hsl(248, 77%, 36%)  Zaffre
#92a515  rgb(146, 165, 21)  hsl(68, 77%, 36%)  Apple Green
#a52815  rgb(165, 40, 21)  hsl(8, 77%, 36%)  Rufous
#15a528  rgb(21, 165, 40)  hsl(128, 77%, 36%)  Islamic Green