ColorTool
Accedi
#2B05F4

#2b05f4 ≈ Blue

  • blu
  • Luminosità: media
  • Saturazione: vivace
  • Freddo
Verifica il contrasto Esplora nel grafo Colore casuale

#2b05f4 è un colore della famiglia «blu», con luminosità media e saturazione vivace. Nel modello RGB è composto da 16,86% di rosso, 1,96% di verde e 95,69% di blu; in stampa CMYK usa 82,38% di ciano, 97,95% di magenta, 0% di giallo e 4,31% di nero. Il suo angolo di tinta è 249,54°, con 95,98% di saturazione e 48,82% 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 pulsanti di invito all’azione. Il testo bianco su questo colore raggiunge un rapporto di contrasto di 8,64:1 (WCAG AAA). Il colore con nome più vicino è Blue (#0000ff), ΔE 1,2.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #2b05f4
  2. #cef405

Complementare diviso

  1. #2b05f4
  2. #f4a205
  3. #56f405

Analogo

  1. #0556f4
  2. #2b05f4
  3. #a205f4

Triadico

  1. #2b05f4
  2. #f42b05
  3. #05f42b

Tetradico

  1. #2b05f4
  2. #f405ce
  3. #cef405
  4. #05f42b

Quadrato

  1. #2b05f4
  2. #f40556
  3. #cef405
  4. #05f4a2

Monocromatico

  1. #11025e
  2. #1e03a9
  3. #2b05f4
  4. #664afb
  5. #a695fd

Ombre

#2b05f4 miscelato progressivamente con il nero.

  1. #2b05f4
  2. #2705dc
  3. #2204c3
  4. #1e04ab
  5. #1a0392
  6. #16037a
  7. #110262
  8. #0d0249
  9. #090131
  10. #040118
  11. #000000

Tinte

#2b05f4 miscelato progressivamente con il bianco.

  1. #2b05f4
  2. #401ef5
  3. #5537f6
  4. #6b50f7
  5. #8069f8
  6. #9582fa
  7. #aa9bfb
  8. #bfb4fc
  9. #d5cdfd
  10. #eae6fe
  11. #ffffff

Toni

#2b05f4 miscelato progressivamente con il grigio.

  1. #2b05f4
  2. #3411e8
  3. #3c1edd
  4. #452ad1
  5. #4d36c6
  6. #5643ba
  7. #5e4fae
  8. #675ba3
  9. #6f6797
  10. #78748c
  11. #808080

Testo leggibile 8.64:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Testo leggibile 2.43:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #4c4c4c ≈ 0.003% degli uomini
Acromatomalia #413bab ≈ 0.001% degli uomini
Protanopia #0056f9 ≈ 1.01% degli uomini
Deuteranopia #0040f1 ≈ 1.27% degli uomini
Tritanopia #00668f ≈ 0.0001% degli uomini
Protanomalia #0043f7 ≈ 1.08% degli uomini
Deuteranomalia #0031f2 ≈ 4.63% degli uomini
Tritanomalia #0050c0 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-2b05f4 {
  color: #2b05f4;
}
Sfondo
.bg-2b05f4 {
  background-color: #2b05f4;
  color: #ffffff;
}
Bordo
.border-2b05f4 {
  border: 2px solid #2b05f4;
}
Variabili CSS
:root {
  --color-primary: #2b05f4;
  --color-primary-rgb: 43 5 244;
  --color-primary-hsl: 250 96% 49%;
}
Sfumatura
.gradient-2b05f4 {
  background: linear-gradient(135deg, #2b05f4, #a205f4);
}
Ombra colorata
.shadow-2b05f4 {
  box-shadow: 0 8px 24px rgb(43 5 244 / 0.35);
}

#0000ff Blue ΔE 1.20 #3f00ff Ultramarine ΔE 2.12 #5218fa Han Purple ΔE 3.86 #0000cd Medium Blue ΔE 5.85 #6f00ff Electric Indigo ΔE 6.58 #1c39bb Persian Blue ΔE 9.37 #0014a8 Zaffre ΔE 10.00 #d4fa0b Invertito #4c4c4c Scala di grigi 

Blue
#2b05f4  rgb(43, 5, 244)  hsl(250, 96%, 49%)  Blue
#cef405  rgb(206, 244, 5)  hsl(70, 96%, 49%)  Electric Lime
#f42b05  rgb(244, 43, 5)  hsl(10, 96%, 49%)  Scarlet
#05f42b  rgb(5, 244, 43)  hsl(130, 96%, 49%)  Lime