ColorTool
Accedi
#5F487B

#5f487b ≈ Dark Slate Blue

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

#5f487b è un colore della famiglia «viola», con luminosità bassa e saturazione attenuata. Nel modello RGB è composto da 37,25% di rosso, 28,24% di verde e 48,24% di blu; in stampa CMYK usa 22,76% di ciano, 41,46% di magenta, 0% di giallo e 51,76% di nero. Il suo angolo di tinta è 267,06°, con 26,15% di saturazione e 38,24% di luminosità in HSL. È un colore freddo, spesso associato a immaginazione, spiritualità e lusso. I designer lo usano spesso per bellezza e cosmetica, studi creativi 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 è Dark Slate Blue (#483d8b), ΔE 8,45.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #5f487b
  2. #647b48

Complementare diviso

  1. #5f487b
  2. #7b7948
  3. #4b7b48

Analogo

  1. #484b7b
  2. #5f487b
  3. #79487b

Triadico

  1. #5f487b
  2. #7b5f48
  3. #487b5f

Tetradico

  1. #5f487b
  2. #7b4864
  3. #647b48
  4. #487b5f

Quadrato

  1. #5f487b
  2. #7b484b
  3. #647b48
  4. #487b79

Monocromatico

  1. #14101b
  2. #3a2c4b
  3. #5f487b
  4. #8569a7
  5. #ac99c3

Ombre

#5f487b miscelato progressivamente con il nero.

  1. #5f487b
  2. #56416f
  3. #4c3a62
  4. #433256
  5. #392b4a
  6. #30243e
  7. #261d31
  8. #1d1625
  9. #130e19
  10. #0a070c
  11. #000000

Tinte

#5f487b miscelato progressivamente con il bianco.

  1. #5f487b
  2. #6f5a88
  3. #7f6d95
  4. #8f7fa3
  5. #9f91b0
  6. #afa4bd
  7. #bfb6ca
  8. #cfc8d7
  9. #dfdae5
  10. #efedf2
  11. #ffffff

Toni

#5f487b miscelato progressivamente con il grigio.

  1. #5f487b
  2. #624e7c
  3. #66537c
  4. #69597d
  5. #6c5e7d
  6. #70647e
  7. #736a7e
  8. #766f7f
  9. #79757f
  10. #7d7a80
  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 #584e65 ≈ 0.001% degli uomini
Protanopia #3c527d ≈ 1.01% degli uomini
Deuteranopia #41527a ≈ 1.27% degli uomini
Tritanopia #5a505b ≈ 0.0001% degli uomini
Protanomalia #4c4e7c ≈ 1.08% degli uomini
Deuteranomalia #4f4e7a ≈ 4.63% degli uomini
Tritanomalia #5c4d69 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-5f487b {
  color: #5f487b;
}
Sfondo
.bg-5f487b {
  background-color: #5f487b;
  color: #ffffff;
}
Bordo
.border-5f487b {
  border: 2px solid #5f487b;
}
Variabili CSS
:root {
  --color-primary: #5f487b;
  --color-primary-rgb: 95 72 123;
  --color-primary-hsl: 267 26% 38%;
}
Sfumatura
.gradient-5f487b {
  background: linear-gradient(135deg, #5f487b, #79487b);
}
Ombra colorata
.shadow-5f487b {
  box-shadow: 0 8px 24px rgb(95 72 123 / 0.35);
}

#483d8b Dark Slate Blue ΔE 8.45 #6c3082 Eminence ΔE 8.48 #7851a9 Royal Purple ΔE 9.56 #663399 Rebecca Purple ΔE 9.78 #69359c Purple Heart ΔE 9.78 #8e4585 Deep Plum ΔE 11.18 #702963 Byzantium ΔE 11.54 #a0b784 Invertito #525252 Scala di grigi 

Dark Slate Blue
#5f487b  rgb(95, 72, 123)  hsl(267, 26%, 38%)  Dark Slate Blue
#647b48  rgb(100, 123, 72)  hsl(87, 26%, 38%)  Fern Green
#7b5f48  rgb(123, 95, 72)  hsl(27, 26%, 38%)  Raw Umber
#487b5f  rgb(72, 123, 95)  hsl(147, 26%, 38%)  Viridian