ColorTool
Accedi
#784A5D

#784a5d ≈ Twilight Lavender

  • rosa acceso
  • Luminosità: bassa
  • Saturazione: attenuata
  • Caldo
Verifica il contrasto Esplora nel grafo Colore casuale

#784a5d è un colore della famiglia «rosa acceso», con luminosità bassa e saturazione attenuata. Nel modello RGB è composto da 47,06% di rosso, 29,02% di verde e 36,47% di blu; in stampa CMYK usa 0% di ciano, 38,33% di magenta, 22,5% di giallo e 52,94% di nero. Il suo angolo di tinta è 335,22°, con 23,71% di saturazione e 38,04% di luminosità in HSL. È un colore caldo, spesso associato a romanticismo, giocosità e affetto. I designer lo usano spesso per marchi alimentari e ristoranti, saldi e promozioni e accenti di brand. Il testo bianco su questo colore raggiunge un rapporto di contrasto di 7,15:1 (WCAG AAA). Il colore con nome più vicino è Twilight Lavender (#8a496b), ΔE 5,49.

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.0968

Complementare

  1. #784a5d
  2. #4a7865

Complementare diviso

  1. #784a5d
  2. #4a784e
  3. #4a7478

Analogo

  1. #784a74
  2. #784a5d
  3. #784e4a

Triadico

  1. #784a5d
  2. #5d784a
  3. #4a5d78

Tetradico

  1. #784a5d
  2. #78654a
  3. #4a7865
  4. #4a5d78

Quadrato

  1. #784a5d
  2. #74784a
  3. #4a7865
  4. #4e4a78

Monocromatico

  1. #191014
  2. #492d38
  3. #784a5d
  4. #a46b82
  5. #c19aaa

Ombre

#784a5d miscelato progressivamente con il nero.

  1. #784a5d
  2. #6c4354
  3. #603b4a
  4. #543441
  5. #482c38
  6. #3c252f
  7. #301e25
  8. #24161c
  9. #180f13
  10. #0c0709
  11. #000000

Tinte

#784a5d miscelato progressivamente con il bianco.

  1. #784a5d
  2. #865c6d
  3. #936e7d
  4. #a1808e
  5. #ae929e
  6. #bca5ae
  7. #c9b7be
  8. #d7c9ce
  9. #e4dbdf
  10. #f2edef
  11. #ffffff

Toni

#784a5d miscelato progressivamente con il grigio.

  1. #784a5d
  2. #794f61
  3. #7a5564
  4. #7a5a68
  5. #7b606b
  6. #7c656f
  7. #7d6a72
  8. #7e7076
  9. #7e7579
  10. #7f7b7d
  11. #808080

Testo leggibile 7.15:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Testo leggibile 2.94:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #585858 ≈ 0.003% degli uomini
Acromatomalia #66535a ≈ 0.001% degli uomini
Protanopia #4f535e ≈ 1.01% degli uomini
Deuteranopia #5a5b5c ≈ 1.27% degli uomini
Tritanopia #7f4851 ≈ 0.0001% degli uomini
Protanomalia #624f5d ≈ 1.08% degli uomini
Deuteranomalia #67545c ≈ 4.63% degli uomini
Tritanomalia #7c4956 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-784a5d {
  color: #784a5d;
}
Sfondo
.bg-784a5d {
  background-color: #784a5d;
  color: #ffffff;
}
Bordo
.border-784a5d {
  border: 2px solid #784a5d;
}
Variabili CSS
:root {
  --color-primary: #784a5d;
  --color-primary-rgb: 120 74 93;
  --color-primary-hsl: 335 24% 38%;
}
Sfumatura
.gradient-784a5d {
  background: linear-gradient(135deg, #784a5d, #784e4a);
}
Ombra colorata
.shadow-784a5d {
  box-shadow: 0 8px 24px rgb(120 74 93 / 0.35);
}

#8a496b Twilight Lavender ΔE 5.49 #614051 Eggplant ΔE 5.86 #915f6d Mauve Taupe ΔE 8.21 #7c4848 Tuscan Red ΔE 8.36 #873260 Boysenberry ΔE 8.49 #893f45 Cordovan ΔE 9.86 #722f37 Wine ΔE 10.85 #87b5a2 Invertito #585858 Scala di grigi 

Twilight Lavender
#784a5d  rgb(120, 74, 93)  hsl(335, 24%, 38%)  Twilight Lavender
#4a7865  rgb(74, 120, 101)  hsl(155, 24%, 38%)  Viridian
#5d784a  rgb(93, 120, 74)  hsl(95, 24%, 38%)  Fern Green
#4a5d78  rgb(74, 93, 120)  hsl(215, 24%, 38%)  Queen Blue