ColorTool
Accedi
#45488F

#45488f ≈ Dark Slate Blue

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

#45488f è un colore della famiglia «blu», con luminosità media e saturazione moderata. Nel modello RGB è composto da 27,06% di rosso, 28,24% di verde e 56,08% di blu; in stampa CMYK usa 51,75% di ciano, 49,65% di magenta, 0% di giallo e 43,92% di nero. Il suo angolo di tinta è 237,57°, con 34,91% di saturazione e 41,57% 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 8,15:1 (WCAG AAA). Il colore con nome più vicino è Dark Slate Blue (#483d8b), ΔE 4,01.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #45488f
  2. #8f8c45

Complementare diviso

  1. #45488f
  2. #8f6745
  3. #6d8f45

Analogo

  1. #456d8f
  2. #45488f
  3. #67458f

Triadico

  1. #45488f
  2. #8f4548
  3. #488f45

Tetradico

  1. #45488f
  2. #8c458f
  3. #8f8c45
  4. #488f45

Quadrato

  1. #45488f
  2. #8f456d
  3. #8f8c45
  4. #458f67

Monocromatico

  1. #131428
  2. #2c2e5b
  3. #45488f
  4. #6a6db7
  5. #9d9fd0

Ombre

#45488f miscelato progressivamente con il nero.

  1. #45488f
  2. #3e4181
  3. #373a72
  4. #303264
  5. #292b56
  6. #232448
  7. #1c1d39
  8. #15162b
  9. #0e0e1d
  10. #07070e
  11. #000000

Tinte

#45488f miscelato progressivamente con il bianco.

  1. #45488f
  2. #585a9a
  3. #6a6da5
  4. #7d7fb1
  5. #8f91bc
  6. #a2a4c7
  7. #b5b6d2
  8. #c7c8dd
  9. #dadae9
  10. #ecedf4
  11. #ffffff

Toni

#45488f miscelato progressivamente con il grigio.

  1. #45488f
  2. #4b4e8e
  3. #51538c
  4. #57598b
  5. #5d5e89
  6. #636488
  7. #686a86
  8. #6e6f85
  9. #747583
  10. #7a7a82
  11. #808080

Testo leggibile 8.15:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Testo leggibile 2.58:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #4f4f4f ≈ 0.003% degli uomini
Acromatomalia #4b4c6e ≈ 0.001% degli uomini
Protanopia #285292 ≈ 1.01% degli uomini
Deuteranopia #214d8d ≈ 1.27% degli uomini
Tritanopia #275764 ≈ 0.0001% degli uomini
Protanomalia #364e91 ≈ 1.08% degli uomini
Deuteranomalia #334b8e ≈ 4.63% degli uomini
Tritanomalia #355278 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-45488f {
  color: #45488f;
}
Sfondo
.bg-45488f {
  background-color: #45488f;
  color: #ffffff;
}
Bordo
.border-45488f {
  border: 2px solid #45488f;
}
Variabili CSS
:root {
  --color-primary: #45488f;
  --color-primary-rgb: 69 72 143;
  --color-primary-hsl: 238 35% 42%;
}
Sfumatura
.gradient-45488f {
  background: linear-gradient(135deg, #45488f, #67458f);
}
Ombra colorata
.shadow-45488f {
  box-shadow: 0 8px 24px rgb(69 72 143 / 0.35);
}

#483d8b Dark Slate Blue ΔE 4.01 #4f42b5 Ocean Blue ΔE 7.06 #0047ab Cobalt Blue ΔE 7.94 #1034a6 Egyptian Blue ΔE 8.61 #003399 Smalt ΔE 8.70 #1c39bb Persian Blue ΔE 8.95 #0f4d92 Yale Blue ΔE 9.04 #bab770 Invertito #4f4f4f Scala di grigi 

Dark Slate Blue
#45488f  rgb(69, 72, 143)  hsl(238, 35%, 42%)  Dark Slate Blue
#8f8c45  rgb(143, 140, 69)  hsl(58, 35%, 42%)  Moss Green
#8f4548  rgb(143, 69, 72)  hsl(358, 35%, 42%)  Cordovan
#488f45  rgb(72, 143, 69)  hsl(118, 35%, 42%)  Forest Green