ColorTool
Accedi
#20C461

#20c461 ≈ Emerald

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

#20c461 è un colore della famiglia «verde», con luminosità media e saturazione forte. Nel modello RGB è composto da 12,55% di rosso, 76,86% di verde e 38,04% di blu; in stampa CMYK usa 83,67% di ciano, 0% di magenta, 50,51% di giallo e 23,14% di nero. Il suo angolo di tinta è 143,78°, con 71,93% di saturazione e 44,71% 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 9,13:1 (WCAG AAA). Il colore con nome più vicino è Emerald (#50c878), ΔE 3,83.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #20c461
  2. #c42083

Complementare diviso

  1. #20c461
  2. #b320c4
  3. #c42031

Analogo

  1. #31c420
  2. #20c461
  3. #20c4b3

Triadico

  1. #20c461
  2. #6120c4
  3. #c46120

Tetradico

  1. #20c461
  2. #2083c4
  3. #c42083
  4. #c46120

Quadrato

  1. #20c461
  2. #2031c4
  3. #c42083
  4. #c4b320

Monocromatico

  1. #0b4020
  2. #158240
  3. #20c461
  4. #4ee289
  5. #90edb5

Ombre

#20c461 miscelato progressivamente con il nero.

  1. #20c461
  2. #1db057
  3. #1a9d4e
  4. #168944
  5. #13763a
  6. #106231
  7. #0d4e27
  8. #0a3b1d
  9. #062713
  10. #03140a
  11. #000000

Tinte

#20c461 miscelato progressivamente con il bianco.

  1. #20c461
  2. #36ca71
  3. #4dd081
  4. #63d690
  5. #79dca0
  6. #90e2b0
  7. #a6e7c0
  8. #bcedd0
  9. #d2f3df
  10. #e9f9ef
  11. #ffffff

Toni

#20c461 miscelato progressivamente con il grigio.

  1. #20c461
  2. #2abd64
  3. #33b667
  4. #3db06a
  5. #46a96d
  6. #50a271
  7. #5a9b74
  8. #639477
  9. #6d8e7a
  10. #76877d
  11. #808080

Testo leggibile 2.3:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Testo leggibile 9.13:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #ababab ≈ 0.003% degli uomini
Acromatomalia #89b593 ≈ 0.001% degli uomini
Protanopia #c5b259 ≈ 1.01% degli uomini
Deuteranopia #b3a668 ≈ 1.27% degli uomini
Tritanopia #00c1ad ≈ 0.0001% degli uomini
Protanomalia #9eba5c ≈ 1.08% degli uomini
Deuteranomalia #90b365 ≈ 4.63% degli uomini
Tritanomalia #00c295 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-20c461 {
  color: #20c461;
}
Sfondo
.bg-20c461 {
  background-color: #20c461;
  color: #000000;
}
Bordo
.border-20c461 {
  border: 2px solid #20c461;
}
Variabili CSS
:root {
  --color-primary: #20c461;
  --color-primary-rgb: 32 196 97;
  --color-primary-hsl: 144 72% 45%;
}
Sfumatura
.gradient-20c461 {
  background: linear-gradient(135deg, #20c461, #20c4b3);
}
Ombra colorata
.shadow-20c461 {
  box-shadow: 0 8px 24px rgb(32 196 97 / 0.35);
}

#50c878 Emerald ΔE 3.83 #74c365 Mantis ΔE 6.49 #3cb371 Medium Sea Green ΔE 6.55 #0bda51 Malachite ΔE 6.65 #32cd32 Lime Green ΔE 7.03 #77dd77 Pastel Green ΔE 8.44 #4cbb17 Kelly Green ΔE 9.05 #df3b9e Invertito #ababab Scala di grigi 

Emerald
#20c461  rgb(32, 196, 97)  hsl(144, 72%, 45%)  Emerald
#c42083  rgb(196, 32, 131)  hsl(324, 72%, 45%)  Medium Violet Red
#6120c4  rgb(97, 32, 196)  hsl(264, 72%, 45%)  Han Purple
#c46120  rgb(196, 97, 32)  hsl(24, 72%, 45%)  Burnt Orange