ColorTool
Accedi
#224AB3

#224ab3 ≈ Cobalt Blue

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

#224ab3 è un colore della famiglia «blu», con luminosità media e saturazione forte. Nel modello RGB è composto da 13,33% di rosso, 29,02% di verde e 70,2% di blu; in stampa CMYK usa 81,01% di ciano, 58,66% di magenta, 0% di giallo e 29,8% di nero. Il suo angolo di tinta è 223,45°, con 68,08% di saturazione e 41,76% 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 7,78:1 (WCAG AAA). Il colore con nome più vicino è Cobalt Blue (#0047ab), ΔE 2,36.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #224ab3
  2. #b38b22

Complementare diviso

  1. #224ab3
  2. #b34222
  3. #92b322

Analogo

  1. #2292b3
  2. #224ab3
  3. #4222b3

Triadico

  1. #224ab3
  2. #b3224a
  3. #4ab322

Tetradico

  1. #224ab3
  2. #8b22b3
  3. #b38b22
  4. #4ab322

Quadrato

  1. #224ab3
  2. #b32292
  3. #b38b22
  4. #22b342

Monocromatico

  1. #0a1532
  2. #162f73
  3. #224ab3
  4. #466fdc
  5. #86a1e8

Ombre

#224ab3 miscelato progressivamente con il nero.

  1. #224ab3
  2. #1f43a1
  3. #1b3b8f
  4. #18347d
  5. #142c6b
  6. #11255a
  7. #0e1e48
  8. #0a1636
  9. #070f24
  10. #030712
  11. #000000

Tinte

#224ab3 miscelato progressivamente con il bianco.

  1. #224ab3
  2. #385cbb
  3. #4e6ec2
  4. #6480ca
  5. #7a92d1
  6. #91a5d9
  7. #a7b7e1
  8. #bdc9e8
  9. #d3dbf0
  10. #e9edf7
  11. #ffffff

Toni

#224ab3 miscelato progressivamente con il grigio.

  1. #224ab3
  2. #2b4fae
  3. #3555a9
  4. #3e5aa4
  5. #48609f
  6. #51659a
  7. #5a6a94
  8. #64708f
  9. #6d758a
  10. #777b85
  11. #808080

Testo leggibile 7.78:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Testo leggibile 2.7:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #525252 ≈ 0.003% degli uomini
Acromatomalia #444f84 ≈ 0.001% degli uomini
Protanopia #0059b7 ≈ 1.01% degli uomini
Deuteranopia #004cb1 ≈ 1.27% degli uomini
Tritanopia #006577 ≈ 0.0001% degli uomini
Protanomalia #0054b5 ≈ 1.08% degli uomini
Deuteranomalia #004bb2 ≈ 4.63% degli uomini
Tritanomalia #005b93 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-224ab3 {
  color: #224ab3;
}
Sfondo
.bg-224ab3 {
  background-color: #224ab3;
  color: #ffffff;
}
Bordo
.border-224ab3 {
  border: 2px solid #224ab3;
}
Variabili CSS
:root {
  --color-primary: #224ab3;
  --color-primary-rgb: 34 74 179;
  --color-primary-hsl: 223 68% 42%;
}
Sfumatura
.gradient-224ab3 {
  background: linear-gradient(135deg, #224ab3, #4222b3);
}
Ombra colorata
.shadow-224ab3 {
  box-shadow: 0 8px 24px rgb(34 74 179 / 0.35);
}

#0047ab Cobalt Blue ΔE 2.36 #0f52ba Sapphire ΔE 3.26 #1c39bb Persian Blue ΔE 5.53 #0f4d92 Yale Blue ΔE 6.06 #1034a6 Egyptian Blue ΔE 6.74 #4f42b5 Ocean Blue ΔE 7.11 #003399 Smalt ΔE 7.49 #ddb54c Invertito #525252 Scala di grigi 

Cobalt Blue
#224ab3  rgb(34, 74, 179)  hsl(223, 68%, 42%)  Cobalt Blue
#b38b22  rgb(179, 139, 34)  hsl(43, 68%, 42%)  Dark Goldenrod
#b3224a  rgb(179, 34, 74)  hsl(343, 68%, 42%)  Vivid Burgundy
#4ab322  rgb(74, 179, 34)  hsl(103, 68%, 42%)  Kelly Green