ColorTool
Accedi
#0720F4

#0720f4 ≈ Blue

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

#0720f4 è un colore della famiglia «blu», con luminosità media e saturazione vivace. Nel modello RGB è composto da 2,75% di rosso, 12,55% di verde e 95,69% di blu; in stampa CMYK usa 97,13% di ciano, 86,89% di magenta, 0% di giallo e 4,31% di nero. Il suo angolo di tinta è 233,67°, con 94,42% di saturazione e 49,22% 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,33:1 (WCAG AAA). Il colore con nome più vicino è Blue (#0000ff), ΔE 2,23.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #0720f4
  2. #f4db07

Complementare diviso

  1. #0720f4
  2. #f46507
  3. #97f407

Analogo

  1. #0797f4
  2. #0720f4
  3. #6507f4

Triadico

  1. #0720f4
  2. #f40720
  3. #20f407

Tetradico

  1. #0720f4
  2. #db07f4
  3. #f4db07
  4. #20f407

Quadrato

  1. #0720f4
  2. #f40797
  3. #f4db07
  4. #07f465

Monocromatico

  1. #030c5f
  2. #0516aa
  3. #0720f4
  4. #4e60fa
  5. #98a3fc

Ombre

#0720f4 miscelato progressivamente con il nero.

  1. #0720f4
  2. #061ddc
  3. #061ac3
  4. #0516ab
  5. #041392
  6. #04107a
  7. #030d62
  8. #020a49
  9. #010631
  10. #010318
  11. #000000

Tinte

#0720f4 miscelato progressivamente con il bianco.

  1. #0720f4
  2. #2036f5
  3. #394df6
  4. #5163f7
  5. #6a79f8
  6. #8390fa
  7. #9ca6fb
  8. #b5bcfc
  9. #cdd2fd
  10. #e6e9fe
  11. #ffffff

Toni

#0720f4 miscelato progressivamente con il grigio.

  1. #0720f4
  2. #132ae8
  3. #1f33dd
  4. #2b3dd1
  5. #3746c6
  6. #4450ba
  7. #505aae
  8. #5c63a3
  9. #686d97
  10. #74768c
  11. #808080

Testo leggibile 8.33:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Testo leggibile 2.52:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #4e4e4e ≈ 0.003% degli uomini
Acromatomalia #3d40ab ≈ 0.001% degli uomini
Protanopia #005af9 ≈ 1.01% degli uomini
Deuteranopia #0041f1 ≈ 1.27% degli uomini
Tritanopia #006b91 ≈ 0.0001% degli uomini
Protanomalia #0049f7 ≈ 1.08% degli uomini
Deuteranomalia #0037f2 ≈ 4.63% degli uomini
Tritanomalia #0056c1 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-0720f4 {
  color: #0720f4;
}
Sfondo
.bg-0720f4 {
  background-color: #0720f4;
  color: #ffffff;
}
Bordo
.border-0720f4 {
  border: 2px solid #0720f4;
}
Variabili CSS
:root {
  --color-primary: #0720f4;
  --color-primary-rgb: 7 32 244;
  --color-primary-hsl: 234 94% 49%;
}
Sfumatura
.gradient-0720f4 {
  background: linear-gradient(135deg, #0720f4, #6507f4);
}
Ombra colorata
.shadow-0720f4 {
  box-shadow: 0 8px 24px rgb(7 32 244 / 0.35);
}

#0000ff Blue ΔE 2.23 #3f00ff Ultramarine ΔE 3.18 #5218fa Han Purple ΔE 4.19 #0000cd Medium Blue ΔE 6.67 #6f00ff Electric Indigo ΔE 7.30 #1c39bb Persian Blue ΔE 7.84 #4f42b5 Ocean Blue ΔE 9.56 #f8df0b Invertito #4e4e4e Scala di grigi 

Blue
#0720f4  rgb(7, 32, 244)  hsl(234, 94%, 49%)  Blue
#f4db07  rgb(244, 219, 7)  hsl(54, 94%, 49%)  Golden Yellow
#f40720  rgb(244, 7, 32)  hsl(354, 94%, 49%)  Lust
#20f407  rgb(32, 244, 7)  hsl(114, 94%, 49%)  Lime