ColorTool
Accedi
#484D72

#484d72 ≈ Dark Slate Blue

  • blu
  • Luminosità: bassa
  • Saturazione: attenuata
  • Freddo
Verifica il contrasto Esplora nel grafo Colore casuale

#484d72 è un colore della famiglia «blu», con luminosità bassa e saturazione attenuata. Nel modello RGB è composto da 28,24% di rosso, 30,2% di verde e 44,71% di blu; in stampa CMYK usa 36,84% di ciano, 32,46% di magenta, 0% di giallo e 55,29% di nero. Il suo angolo di tinta è 232,86°, con 22,58% di saturazione e 36,47% 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,14:1 (WCAG AAA). Il colore con nome più vicino è Dark Slate Blue (#483d8b), ΔE 9,19.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #484d72
  2. #726d48

Complementare diviso

  1. #484d72
  2. #725848
  3. #627248

Analogo

  1. #486272
  2. #484d72
  3. #584872

Triadico

  1. #484d72
  2. #72484d
  3. #4d7248

Tetradico

  1. #484d72
  2. #6d4872
  3. #726d48
  4. #4d7248

Quadrato

  1. #484d72
  2. #724862
  3. #726d48
  4. #487258

Monocromatico

  1. #0d0e14
  2. #2a2d43
  3. #484d72
  4. #676e9f
  5. #969bbd

Ombre

#484d72 miscelato progressivamente con il nero.

  1. #484d72
  2. #414567
  3. #3a3e5b
  4. #323650
  5. #2b2e44
  6. #242739
  7. #1d1f2e
  8. #161722
  9. #0e0f17
  10. #07080b
  11. #000000

Tinte

#484d72 miscelato progressivamente con il bianco.

  1. #484d72
  2. #5a5f80
  3. #6d718e
  4. #7f829c
  5. #9194aa
  6. #a4a6b9
  7. #b6b8c7
  8. #c8cad5
  9. #dadbe3
  10. #ededf1
  11. #ffffff

Toni

#484d72 miscelato progressivamente con il grigio.

  1. #484d72
  2. #4e5273
  3. #535775
  4. #595c76
  5. #5e6178
  6. #646779
  7. #6a6c7a
  8. #6f717c
  9. #75767d
  10. #7a7b7f
  11. #808080

Testo leggibile 8.14: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 #4d4e5f ≈ 0.001% degli uomini
Protanopia #415174 ≈ 1.01% degli uomini
Deuteranopia #3f4e71 ≈ 1.27% degli uomini
Tritanopia #3c545a ≈ 0.0001% degli uomini
Protanomalia #444f73 ≈ 1.08% degli uomini
Deuteranomalia #434e71 ≈ 4.63% degli uomini
Tritanomalia #415165 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-484d72 {
  color: #484d72;
}
Sfondo
.bg-484d72 {
  background-color: #484d72;
  color: #ffffff;
}
Bordo
.border-484d72 {
  border: 2px solid #484d72;
}
Variabili CSS
:root {
  --color-primary: #484d72;
  --color-primary-rgb: 72 77 114;
  --color-primary-hsl: 233 23% 36%;
}
Sfumatura
.gradient-484d72 {
  background: linear-gradient(135deg, #484d72, #584872);
}
Ombra colorata
.shadow-484d72 {
  box-shadow: 0 8px 24px rgb(72 77 114 / 0.35);
}

#483d8b Dark Slate Blue ΔE 9.19 #0f4d92 Yale Blue ΔE 11.48 #0047ab Cobalt Blue ΔE 13.00 #4f42b5 Ocean Blue ΔE 13.37 #26619c Lapis Lazuli ΔE 13.72 #436b95 Queen Blue ΔE 13.81 #36454f Charcoal ΔE 13.88 #b7b28d Invertito #4f4f4f Scala di grigi 

Dark Slate Blue
#484d72  rgb(72, 77, 114)  hsl(233, 23%, 36%)  Dark Slate Blue
#726d48  rgb(114, 109, 72)  hsl(53, 23%, 36%)  Dark Olive Green
#72484d  rgb(114, 72, 77)  hsl(353, 23%, 36%)  Tuscan Red
#4d7248  rgb(77, 114, 72)  hsl(113, 23%, 36%)  Fern Green