ColorTool
Accedi
#774F74

#774f74 ≈ Twilight Lavender

  • magenta
  • Luminosità: bassa
  • Saturazione: attenuata
  • Equilibrato
Verifica il contrasto Esplora nel grafo Colore casuale

#774f74 è un colore della famiglia «magenta», con luminosità bassa e saturazione attenuata. Nel modello RGB è composto da 46,67% di rosso, 30,98% di verde e 45,49% di blu; in stampa CMYK usa 0% di ciano, 33,61% di magenta, 2,52% di giallo e 53,33% di nero. Il suo angolo di tinta è 304,5°, con 20,2% di saturazione e 38,82% di luminosità in HSL. Si colloca tra caldo e freddo ed è spesso associato a creatività, audacia e individualità. 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 6,66:1 (WCAG AA). Il colore con nome più vicino è Twilight Lavender (#8a496b), ΔE 6,43.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #774f74
  2. #4f7752

Complementare diviso

  1. #774f74
  2. #60774f
  3. #4f7766

Analogo

  1. #664f77
  2. #774f74
  3. #774f60

Triadico

  1. #774f74
  2. #74774f
  3. #4f7477

Tetradico

  1. #774f74
  2. #77524f
  3. #4f7752
  4. #4f7477

Quadrato

  1. #774f74
  2. #77664f
  3. #4f7752
  4. #4f6077

Monocromatico

  1. #1b121a
  2. #493047
  3. #774f74
  4. #a1719d
  5. #c09fbd

Ombre

#774f74 miscelato progressivamente con il nero.

  1. #774f74
  2. #6b4768
  3. #5f3f5d
  4. #533751
  5. #472f46
  6. #3c283a
  7. #30202e
  8. #241823
  9. #181017
  10. #0c080c
  11. #000000

Tinte

#774f74 miscelato progressivamente con il bianco.

  1. #774f74
  2. #856182
  3. #927290
  4. #a0849e
  5. #ad95ac
  6. #bba7ba
  7. #c9b9c7
  8. #d6cad5
  9. #e4dce3
  10. #f1edf1
  11. #ffffff

Toni

#774f74 miscelato progressivamente con il grigio.

  1. #774f74
  2. #785475
  3. #795976
  4. #7a5e78
  5. #7b6379
  6. #7c687a
  7. #7c6c7b
  8. #7d717c
  9. #7e767e
  10. #7f7b7f
  11. #808080

Testo leggibile 6.66:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Testo leggibile 3.15:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #5c5c5c ≈ 0.003% degli uomini
Acromatomalia #685767 ≈ 0.001% degli uomini
Protanopia #4d5975 ≈ 1.01% degli uomini
Deuteranopia #575e73 ≈ 1.27% degli uomini
Tritanopia #7a525c ≈ 0.0001% degli uomini
Protanomalia #615575 ≈ 1.08% degli uomini
Deuteranomalia #655973 ≈ 4.63% degli uomini
Tritanomalia #795167 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-774f74 {
  color: #774f74;
}
Sfondo
.bg-774f74 {
  background-color: #774f74;
  color: #ffffff;
}
Bordo
.border-774f74 {
  border: 2px solid #774f74;
}
Variabili CSS
:root {
  --color-primary: #774f74;
  --color-primary-rgb: 119 79 116;
  --color-primary-hsl: 305 20% 39%;
}
Sfumatura
.gradient-774f74 {
  background: linear-gradient(135deg, #774f74, #774f60);
}
Ombra colorata
.shadow-774f74 {
  box-shadow: 0 8px 24px rgb(119 79 116 / 0.35);
}

#8a496b Twilight Lavender ΔE 6.43 #8e4585 Deep Plum ΔE 7.16 #614051 Eggplant ΔE 9.12 #873260 Boysenberry ΔE 9.74 #702963 Byzantium ΔE 10.39 #915f6d Mauve Taupe ΔE 10.99 #796878 Old Lavender ΔE 11.22 #88b08b Invertito #5c5c5c Scala di grigi 

Twilight Lavender
#774f74  rgb(119, 79, 116)  hsl(305, 20%, 39%)  Twilight Lavender
#4f7752  rgb(79, 119, 82)  hsl(125, 20%, 39%)  Fern Green
#74774f  rgb(116, 119, 79)  hsl(65, 20%, 39%)  Dark Olive Green
#4f7477  rgb(79, 116, 119)  hsl(185, 20%, 39%)  Teal Blue