ColorTool
Accedi
#77A168

#77a168 ≈ Asparagus

  • verde
  • Luminosità: media
  • Saturazione: attenuata
  • Equilibrato
Verifica il contrasto Esplora nel grafo Colore casuale

#77a168 è un colore della famiglia «verde», con luminosità media e saturazione attenuata. Nel modello RGB è composto da 46,67% di rosso, 63,14% di verde e 40,78% di blu; in stampa CMYK usa 26,09% di ciano, 0% di magenta, 35,4% di giallo e 36,86% di nero. Il suo angolo di tinta è 104,21°, con 23,27% di saturazione e 51,96% di luminosità in HSL. Si colloca tra caldo e freddo ed è spesso associato a natura, salute ed equilibrio. I designer lo usano spesso per marchi ecologici, salute e benessere e accenti di brand. Il testo nero su questo colore raggiunge un rapporto di contrasto di 7,08:1 (WCAG AAA). Il colore con nome più vicino è Asparagus (#87a96b), ΔE 3,65.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #77a168
  2. #9268a1

Complementare diviso

  1. #77a168
  2. #7568a1
  3. #a16894

Analogo

  1. #94a168
  2. #77a168
  3. #68a175

Triadico

  1. #77a168
  2. #6877a1
  3. #a16877

Tetradico

  1. #77a168
  2. #68a192
  3. #9268a1
  4. #a16877

Quadrato

  1. #77a168
  2. #6894a1
  3. #9268a1
  4. #a17568

Monocromatico

  1. #32452b
  2. #547448
  3. #77a168
  4. #a1be97
  5. #ccdcc6

Ombre

#77a168 miscelato progressivamente con il nero.

  1. #77a168
  2. #6b915e
  3. #5f8153
  4. #537149
  5. #47613e
  6. #3c5134
  7. #30402a
  8. #24301f
  9. #182015
  10. #0c100a
  11. #000000

Tinte

#77a168 miscelato progressivamente con il bianco.

  1. #77a168
  2. #85aa77
  3. #92b486
  4. #a0bd95
  5. #adc7a4
  6. #bbd0b4
  7. #c9d9c3
  8. #d6e3d2
  9. #e4ece1
  10. #f1f6f0
  11. #ffffff

Toni

#77a168 miscelato progressivamente con il grigio.

  1. #77a168
  2. #789e6a
  3. #799a6d
  4. #7a976f
  5. #7b9472
  6. #7c9174
  7. #7c8d76
  8. #7d8a79
  9. #7e877b
  10. #7f837e
  11. #808080

Testo leggibile 2.97:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Testo leggibile 7.08:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #969696 ≈ 0.003% degli uomini
Acromatomalia #8b9a86 ≈ 0.001% degli uomini
Protanopia #a59864 ≈ 1.01% degli uomini
Deuteranopia #9e946b ≈ 1.27% degli uomini
Tritanopia #759d92 ≈ 0.0001% degli uomini
Protanomalia #959c66 ≈ 1.08% degli uomini
Deuteranomalia #909a6a ≈ 4.63% degli uomini
Tritanomalia #769f84 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-77a168 {
  color: #77a168;
}
Sfondo
.bg-77a168 {
  background-color: #77a168;
  color: #000000;
}
Bordo
.border-77a168 {
  border: 2px solid #77a168;
}
Variabili CSS
:root {
  --color-primary: #77a168;
  --color-primary-rgb: 119 161 104;
  --color-primary-hsl: 104 23% 52%;
}
Sfumatura
.gradient-77a168 {
  background: linear-gradient(135deg, #77a168, #68a175);
}
Ombra colorata
.shadow-77a168 {
  box-shadow: 0 8px 24px rgb(119 161 104 / 0.35);
}

#87a96b Asparagus ΔE 3.65 #8a9a5b Moss Green ΔE 6.69 #9ab973 Olivine ΔE 8.57 #8fbc8f Dark Sea Green ΔE 8.82 #3cb371 Medium Sea Green ΔE 9.77 #74c365 Mantis ΔE 10.80 #93c572 Pistachio ΔE 10.83 #885e97 Invertito #969696 Scala di grigi 

Asparagus
#77a168  rgb(119, 161, 104)  hsl(104, 23%, 52%)  Asparagus
#9268a1  rgb(146, 104, 161)  hsl(284, 23%, 52%)  Purple Mountain Majesty
#6877a1  rgb(104, 119, 161)  hsl(224, 23%, 52%)  Glaucous
#a16877  rgb(161, 104, 119)  hsl(344, 23%, 52%)  Mauve Taupe