ColorTool
Accedi
#7BCC76

#7bcc76 ≈ Mantis

  • verde
  • Luminosità: alta
  • Saturazione: moderata
  • Equilibrato
Verifica il contrasto Esplora nel grafo Colore casuale

#7bcc76 è un colore della famiglia «verde», con luminosità alta e saturazione moderata. Nel modello RGB è composto da 48,24% di rosso, 80% di verde e 46,27% di blu; in stampa CMYK usa 39,71% di ciano, 0% di magenta, 42,16% di giallo e 20% di nero. Il suo angolo di tinta è 116,51°, con 45,74% di saturazione e 63,14% 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 10,74:1 (WCAG AAA). Il colore con nome più vicino è Mantis (#74c365), ΔE 2,91.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #7bcc76
  2. #c776cc

Complementare diviso

  1. #7bcc76
  2. #9c76cc
  3. #cc76a6

Analogo

  1. #a6cc76
  2. #7bcc76
  3. #76cc9c

Triadico

  1. #7bcc76
  2. #767bcc
  3. #cc767b

Tetradico

  1. #7bcc76
  2. #76ccc7
  3. #c776cc
  4. #cc767b

Quadrato

  1. #7bcc76
  2. #76a6cc
  3. #c776cc
  4. #cc9c76

Monocromatico

  1. #327b2e
  2. #49b343
  3. #7bcc76
  4. #b1e1ae
  5. #e6f6e6

Ombre

#7bcc76 miscelato progressivamente con il nero.

  1. #7bcc76
  2. #6fb86a
  3. #62a35e
  4. #568f53
  5. #4a7a47
  6. #3e663b
  7. #31522f
  8. #253d23
  9. #192918
  10. #0c140c
  11. #000000

Tinte

#7bcc76 miscelato progressivamente con il bianco.

  1. #7bcc76
  2. #88d184
  3. #95d691
  4. #a3db9f
  5. #b0e0ad
  6. #bde6bb
  7. #caebc8
  8. #d7f0d6
  9. #e5f5e4
  10. #f2faf1
  11. #ffffff

Toni

#7bcc76 miscelato progressivamente con il grigio.

  1. #7bcc76
  2. #7cc477
  3. #7cbd78
  4. #7db579
  5. #7dae7a
  6. #7ea67b
  7. #7e9e7c
  8. #7f977d
  9. #7f8f7e
  10. #80887f
  11. #808080

Testo leggibile 1.96:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Testo leggibile 10.74:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #b9b9b9 ≈ 0.003% degli uomini
Acromatomalia #a4c1a3 ≈ 0.001% degli uomini
Protanopia #d0be70 ≈ 1.01% degli uomini
Deuteranopia #c4b67b ≈ 1.27% degli uomini
Tritanopia #73c7b7 ≈ 0.0001% degli uomini
Protanomalia #b4c472 ≈ 1.08% degli uomini
Deuteranomalia #acbf79 ≈ 4.63% degli uomini
Tritanomalia #76c9a1 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-7bcc76 {
  color: #7bcc76;
}
Sfondo
.bg-7bcc76 {
  background-color: #7bcc76;
  color: #000000;
}
Bordo
.border-7bcc76 {
  border: 2px solid #7bcc76;
}
Variabili CSS
:root {
  --color-primary: #7bcc76;
  --color-primary-rgb: 123 204 118;
  --color-primary-hsl: 117 46% 63%;
}
Sfumatura
.gradient-7bcc76 {
  background: linear-gradient(135deg, #7bcc76, #76cc9c);
}
Ombra colorata
.shadow-7bcc76 {
  box-shadow: 0 8px 24px rgb(123 204 118 / 0.35);
}

#74c365 Mantis ΔE 2.91 #77dd77 Pastel Green ΔE 4.42 #93c572 Pistachio ΔE 4.62 #50c878 Emerald ΔE 4.98 #90ee90 Light Green ΔE 7.87 #a8e4a0 Granny Smith Apple ΔE 7.95 #0bda51 Malachite ΔE 8.38 #843389 Invertito #b9b9b9 Scala di grigi 

Mantis
#7bcc76  rgb(123, 204, 118)  hsl(117, 46%, 63%)  Mantis
#c776cc  rgb(199, 118, 204)  hsl(297, 46%, 63%)  Orchid
#767bcc  rgb(118, 123, 204)  hsl(237, 46%, 63%)  Glaucous
#cc767b  rgb(204, 118, 123)  hsl(357, 46%, 63%)  Old Rose