ColorTool
Accedi
#225CBB

#225cbb ≈ Denim

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

#225cbb è un colore della famiglia «azzurro», con luminosità media e saturazione forte. Nel modello RGB è composto da 13,33% di rosso, 36,08% di verde e 73,33% di blu; in stampa CMYK usa 81,82% di ciano, 50,8% di magenta, 0% di giallo e 26,67% di nero. Il suo angolo di tinta è 217,25°, con 69,23% di saturazione e 43,33% 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 accenti di brand. Il testo bianco su questo colore raggiunge un rapporto di contrasto di 6,33:1 (WCAG AA). Il colore con nome più vicino è Denim (#1560bd), ΔE 1,95.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #225cbb
  2. #bb8122

Complementare diviso

  1. #225cbb
  2. #bb3422
  3. #a8bb22

Analogo

  1. #22a8bb
  2. #225cbb
  3. #3422bb

Triadico

  1. #225cbb
  2. #bb225c
  3. #5cbb22

Tetradico

  1. #225cbb
  2. #8122bb
  3. #bb8122
  4. #5cbb22

Quadrato

  1. #225cbb
  2. #bb22a8
  3. #bb8122
  4. #22bb34

Monocromatico

  1. #0a1c3a
  2. #163c7a
  3. #225cbb
  4. #4b83de
  5. #8cb0ea

Ombre

#225cbb miscelato progressivamente con il nero.

  1. #225cbb
  2. #1f53a8
  3. #1b4a96
  4. #184083
  5. #143770
  6. #112e5e
  7. #0e254b
  8. #0a1c38
  9. #071225
  10. #030913
  11. #000000

Tinte

#225cbb miscelato progressivamente con il bianco.

  1. #225cbb
  2. #386cc2
  3. #4e7dc9
  4. #648dcf
  5. #7a9dd6
  6. #91aedd
  7. #a7bee4
  8. #bdceeb
  9. #d3def1
  10. #e9eff8
  11. #ffffff

Toni

#225cbb miscelato progressivamente con il grigio.

  1. #225cbb
  2. #2b60b5
  3. #3563af
  4. #3e67a9
  5. #486aa3
  6. #516e9e
  7. #5a7298
  8. #647592
  9. #6d798c
  10. #777c86
  11. #808080

Testo leggibile 6.33:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Testo leggibile 3.32:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #606060 ≈ 0.003% degli uomini
Acromatomalia #4e5e8d ≈ 0.001% degli uomini
Protanopia #1e67be ≈ 1.01% degli uomini
Deuteranopia #0059b9 ≈ 1.27% degli uomini
Tritanopia #007382 ≈ 0.0001% degli uomini
Protanomalia #2063bd ≈ 1.08% degli uomini
Deuteranomalia #005aba ≈ 4.63% degli uomini
Tritanomalia #006b9c ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-225cbb {
  color: #225cbb;
}
Sfondo
.bg-225cbb {
  background-color: #225cbb;
  color: #ffffff;
}
Bordo
.border-225cbb {
  border: 2px solid #225cbb;
}
Variabili CSS
:root {
  --color-primary: #225cbb;
  --color-primary-rgb: 34 92 187;
  --color-primary-hsl: 217 69% 43%;
}
Sfumatura
.gradient-225cbb {
  background: linear-gradient(135deg, #225cbb, #3422bb);
}
Ombra colorata
.shadow-225cbb {
  box-shadow: 0 8px 24px rgb(34 92 187 / 0.35);
}

#1560bd Denim ΔE 1.95 #0f52ba Sapphire ΔE 3.30 #26619c Lapis Lazuli ΔE 4.67 #436b95 Queen Blue ΔE 6.49 #0f4d92 Yale Blue ΔE 6.94 #0047ab Cobalt Blue ΔE 6.98 #0067a5 Medium Persian Blue ΔE 7.35 #dda344 Invertito #606060 Scala di grigi 

Denim
#225cbb  rgb(34, 92, 187)  hsl(217, 69%, 43%)  Denim
#bb8122  rgb(187, 129, 34)  hsl(37, 69%, 43%)  Dark Goldenrod
#bb225c  rgb(187, 34, 92)  hsl(337, 69%, 43%)  Dogwood Rose
#5cbb22  rgb(92, 187, 34)  hsl(97, 69%, 43%)  Kelly Green