ColorTool
Accedi
#1226CD

#1226cd ≈ Medium Blue

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

#1226cd è un colore della famiglia «blu», con luminosità media e saturazione forte. Nel modello RGB è composto da 7,06% di rosso, 14,9% di verde e 80,39% di blu; in stampa CMYK usa 91,22% di ciano, 81,46% di magenta, 0% di giallo e 19,61% di nero. Il suo angolo di tinta è 233,58°, con 83,86% di saturazione e 43,73% 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 9,61:1 (WCAG AAA). Il colore con nome più vicino è Medium Blue (#0000cd), ΔE 4,44.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #1226cd
  2. #cdb912

Complementare diviso

  1. #1226cd
  2. #cd5b12
  3. #84cd12

Analogo

  1. #1284cd
  2. #1226cd
  3. #5b12cd

Triadico

  1. #1226cd
  2. #cd1226
  3. #26cd12

Tetradico

  1. #1226cd
  2. #b912cd
  3. #cdb912
  4. #26cd12

Quadrato

  1. #1226cd
  2. #cd1284
  3. #cdb912
  4. #12cd5b

Monocromatico

  1. #060c40
  2. #0c1987
  3. #1226cd
  4. #3e50ee
  5. #8490f4

Ombre

#1226cd miscelato progressivamente con il nero.

  1. #1226cd
  2. #1022b9
  3. #0e1ea4
  4. #0d1b90
  5. #0b177b
  6. #091367
  7. #070f52
  8. #050b3e
  9. #040829
  10. #020415
  11. #000000

Tinte

#1226cd miscelato progressivamente con il bianco.

  1. #1226cd
  2. #2a3cd2
  3. #4151d7
  4. #5967dc
  5. #717de1
  6. #8993e6
  7. #a0a8eb
  8. #b8bef0
  9. #d0d4f5
  10. #e7e9fa
  11. #ffffff

Toni

#1226cd miscelato progressivamente con il grigio.

  1. #1226cd
  2. #1d2fc5
  3. #2838be
  4. #3341b6
  5. #3e4aae
  6. #4953a7
  7. #545c9f
  8. #5f6597
  9. #6a6e8f
  10. #757788
  11. #808080

Testo leggibile 9.61:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Testo leggibile 2.18:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #454545 ≈ 0.003% degli uomini
Acromatomalia #373b90 ≈ 0.001% degli uomini
Protanopia #004ed2 ≈ 1.01% degli uomini
Deuteranopia #003bca ≈ 1.27% degli uomini
Tritanopia #005c7b ≈ 0.0001% degli uomini
Protanomalia #0041d0 ≈ 1.08% degli uomini
Deuteranomalia #0034cb ≈ 4.63% degli uomini
Tritanomalia #004ca2 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-1226cd {
  color: #1226cd;
}
Sfondo
.bg-1226cd {
  background-color: #1226cd;
  color: #ffffff;
}
Bordo
.border-1226cd {
  border: 2px solid #1226cd;
}
Variabili CSS
:root {
  --color-primary: #1226cd;
  --color-primary-rgb: 18 38 205;
  --color-primary-hsl: 234 84% 44%;
}
Sfumatura
.gradient-1226cd {
  background: linear-gradient(135deg, #1226cd, #5b12cd);
}
Ombra colorata
.shadow-1226cd {
  box-shadow: 0 8px 24px rgb(18 38 205 / 0.35);
}

#0000cd Medium Blue ΔE 4.44 #1c39bb Persian Blue ΔE 4.90 #0000ff Blue ΔE 5.83 #0014a8 Zaffre ΔE 6.21 #1034a6 Egyptian Blue ΔE 6.32 #3f00ff Ultramarine ΔE 7.01 #002395 Imperial Blue ΔE 7.72 #edd932 Invertito #454545 Scala di grigi 

Medium Blue
#1226cd  rgb(18, 38, 205)  hsl(234, 84%, 44%)  Medium Blue
#cdb912  rgb(205, 185, 18)  hsl(54, 84%, 44%)  Old Gold
#cd1226  rgb(205, 18, 38)  hsl(354, 84%, 44%)  Fire Engine Red
#26cd12  rgb(38, 205, 18)  hsl(114, 84%, 44%)  Lime Green