ColorTool
Accedi
#0076B7

#0076b7 ≈ French Blue

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

#0076b7 è un colore della famiglia «azzurro», con luminosità bassa e saturazione forte. Nel modello RGB è composto da 0% di rosso, 46,27% di verde e 71,76% di blu; in stampa CMYK usa 100% di ciano, 35,52% di magenta, 0% di giallo e 28,24% di nero. Il suo angolo di tinta è 201,31°, con 100% di saturazione e 35,88% di luminosità in HSL. È un colore freddo, spesso associato a apertura, libertà e calma. 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 4,91:1 (WCAG AA). Il colore con nome più vicino è French Blue (#0072bb), ΔE 2,09.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #0076b7
  2. #b74100

Complementare diviso

  1. #0076b7
  2. #b7001b
  3. #b79c00

Analogo

  1. #00b79c
  2. #0076b7
  3. #001bb7

Triadico

  1. #0076b7
  2. #b70076
  3. #76b700

Tetradico

  1. #0076b7
  2. #4100b7
  3. #b74100
  4. #76b700

Quadrato

  1. #0076b7
  2. #9c00b7
  3. #b74100
  4. #1bb700

Monocromatico

  1. #00131e
  2. #00456a
  3. #0076b7
  4. #04a6ff
  5. #51c1ff

Ombre

#0076b7 miscelato progressivamente con il nero.

  1. #0076b7
  2. #006aa5
  3. #005e92
  4. #005380
  5. #00476e
  6. #003b5c
  7. #002f49
  8. #002337
  9. #001825
  10. #000c12
  11. #000000

Tinte

#0076b7 miscelato progressivamente con il bianco.

  1. #0076b7
  2. #1a84be
  3. #3391c5
  4. #4d9fcd
  5. #66add4
  6. #80bbdb
  7. #99c8e2
  8. #b3d6e9
  9. #cce4f1
  10. #e6f1f8
  11. #ffffff

Toni

#0076b7 miscelato progressivamente con il grigio.

  1. #0076b7
  2. #0d77b2
  3. #1a78ac
  4. #2679a7
  5. #337aa1
  6. #407b9c
  7. #4d7c96
  8. #5a7d91
  9. #667e8b
  10. #737f86
  11. #808080

Testo leggibile 4.91:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Testo leggibile 4.28:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #717171 ≈ 0.003% degli uomini
Acromatomalia #587392 ≈ 0.001% degli uomini
Protanopia #5678ba ≈ 1.01% degli uomini
Deuteranopia #3e6ab6 ≈ 1.27% degli uomini
Tritanopia #00868e ≈ 0.0001% degli uomini
Protanomalia #4377b9 ≈ 1.08% degli uomini
Deuteranomalia #2f6fb6 ≈ 4.63% degli uomini
Tritanomalia #0080a0 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-0076b7 {
  color: #0076b7;
}
Sfondo
.bg-0076b7 {
  background-color: #0076b7;
  color: #ffffff;
}
Bordo
.border-0076b7 {
  border: 2px solid #0076b7;
}
Variabili CSS
:root {
  --color-primary: #0076b7;
  --color-primary-rgb: 0 118 183;
  --color-primary-hsl: 201 100% 36%;
}
Sfumatura
.gradient-0076b7 {
  background: linear-gradient(135deg, #0076b7, #001bb7);
}
Ombra colorata
.shadow-0076b7 {
  box-shadow: 0 8px 24px rgb(0 118 183 / 0.35);
}

#0072bb French Blue ΔE 2.09 #0073cf True Blue ΔE 4.32 #0067a5 Medium Persian Blue ΔE 5.58 #417dc1 Tufts Blue ΔE 5.67 #007ba7 Cerulean ΔE 5.71 #4682b4 Steel Blue ΔE 5.73 #006994 Sea Blue ΔE 6.76 #ff8948 Invertito #717171 Scala di grigi 

French Blue
#0076b7  rgb(0, 118, 183)  hsl(201, 100%, 36%)  French Blue
#b74100  rgb(183, 65, 0)  hsl(21, 100%, 36%)  Rust
#b70076  rgb(183, 0, 118)  hsl(321, 100%, 36%)  Medium Violet Red
#76b700  rgb(118, 183, 0)  hsl(81, 100%, 36%)  Apple Green