ColorTool
Accedi
#22C03C

#22c03c ≈ Lime Green

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

#22c03c è un colore della famiglia «verde», con luminosità media e saturazione forte. Nel modello RGB è composto da 13,33% di rosso, 75,29% di verde e 23,53% di blu; in stampa CMYK usa 82,29% di ciano, 0% di magenta, 68,75% di giallo e 24,71% di nero. Il suo angolo di tinta è 129,87°, con 69,91% di saturazione e 44,31% 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 8,67:1 (WCAG AAA). Il colore con nome più vicino è Lime Green (#32cd32), ΔE 3,96.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #22c03c
  2. #c022a6

Complementare diviso

  1. #22c03c
  2. #8b22c0
  3. #c02257

Analogo

  1. #57c022
  2. #22c03c
  3. #22c08b

Triadico

  1. #22c03c
  2. #3c22c0
  3. #c03c22

Tetradico

  1. #22c03c
  2. #22a6c0
  3. #c022a6
  4. #c03c22

Quadrato

  1. #22c03c
  2. #2257c0
  3. #c022a6
  4. #c08b22

Monocromatico

  1. #0b3e13
  2. #167f28
  3. #22c03c
  4. #4fe067
  5. #90eb9f

Ombre

#22c03c miscelato progressivamente con il nero.

  1. #22c03c
  2. #1fad36
  3. #1b9a30
  4. #18862a
  5. #147324
  6. #11601e
  7. #0e4d18
  8. #0a3a12
  9. #07260c
  10. #031306
  11. #000000

Tinte

#22c03c miscelato progressivamente con il bianco.

  1. #22c03c
  2. #38c650
  3. #4ecd63
  4. #64d377
  5. #7ad98a
  6. #91e09e
  7. #a7e6b1
  8. #bdecc5
  9. #d3f2d8
  10. #e9f9ec
  11. #ffffff

Toni

#22c03c miscelato progressivamente con il grigio.

  1. #22c03c
  2. #2bba43
  3. #35b34a
  4. #3ead50
  5. #48a657
  6. #51a05e
  7. #5a9a65
  8. #64936c
  9. #6d8d72
  10. #778679
  11. #808080

Testo leggibile 2.42:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Testo leggibile 8.67:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #a6a6a6 ≈ 0.003% degli uomini
Acromatomalia #86b189 ≈ 0.001% degli uomini
Protanopia #c3ae29 ≈ 1.01% degli uomini
Deuteranopia #b3a249 ≈ 1.27% degli uomini
Tritanopia #00bba5 ≈ 0.0001% degli uomini
Protanomalia #9db532 ≈ 1.08% degli uomini
Deuteranomalia #8faf44 ≈ 4.63% degli uomini
Tritanomalia #00bd88 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-22c03c {
  color: #22c03c;
}
Sfondo
.bg-22c03c {
  background-color: #22c03c;
  color: #000000;
}
Bordo
.border-22c03c {
  border: 2px solid #22c03c;
}
Variabili CSS
:root {
  --color-primary: #22c03c;
  --color-primary-rgb: 34 192 60;
  --color-primary-hsl: 130 70% 44%;
}
Sfumatura
.gradient-22c03c {
  background: linear-gradient(135deg, #22c03c, #22c08b);
}
Ombra colorata
.shadow-22c03c {
  box-shadow: 0 8px 24px rgb(34 192 60 / 0.35);
}

#32cd32 Lime Green ΔE 3.96 #4cbb17 Kelly Green ΔE 4.68 #0bda51 Malachite ΔE 6.51 #74c365 Mantis ΔE 6.92 #50c878 Emerald ΔE 7.93 #77dd77 Pastel Green ΔE 9.77 #3cb371 Medium Sea Green ΔE 9.83 #dd3fc3 Invertito #a6a6a6 Scala di grigi 

Lime Green
#22c03c  rgb(34, 192, 60)  hsl(130, 70%, 44%)  Lime Green
#c022a6  rgb(192, 34, 166)  hsl(310, 70%, 44%)  Medium Violet Red
#3c22c0  rgb(60, 34, 192)  hsl(250, 70%, 44%)  Medium Blue
#c03c22  rgb(192, 60, 34)  hsl(10, 70%, 44%)  Rosso Corsa