ColorTool
Accedi
#56EA31

#56ea31 ≈ Neon Green

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

#56ea31 è un colore della famiglia «verde», con luminosità media e saturazione forte. Nel modello RGB è composto da 33,73% di rosso, 91,76% di verde e 19,22% di blu; in stampa CMYK usa 63,25% di ciano, 0% di magenta, 79,06% di giallo e 8,24% di nero. Il suo angolo di tinta è 108°, con 81,5% di saturazione e 55,49% 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 pulsanti di invito all’azione. Il testo nero su questo colore raggiunge un rapporto di contrasto di 13,21:1 (WCAG AAA). Il colore con nome più vicino è Neon Green (#39ff14), ΔE 4,7.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #56ea31
  2. #c531ea

Complementare diviso

  1. #56ea31
  2. #6831ea
  3. #ea31b3

Analogo

  1. #b3ea31
  2. #56ea31
  3. #31ea68

Triadico

  1. #56ea31
  2. #3156ea
  3. #ea3156

Tetradico

  1. #56ea31
  2. #31eac5
  3. #c531ea
  4. #ea3156

Quadrato

  1. #56ea31
  2. #31b3ea
  3. #c531ea
  4. #ea6831

Monocromatico

  1. #21760c
  2. #35bb13
  3. #56ea31
  4. #8ff176
  5. #c8f8bc

Ombre

#56ea31 miscelato progressivamente con il nero.

  1. #56ea31
  2. #4dd32c
  3. #45bb27
  4. #3ca422
  5. #348c1d
  6. #2b7519
  7. #225e14
  8. #1a460f
  9. #112f0a
  10. #091705
  11. #000000

Tinte

#56ea31 miscelato progressivamente con il bianco.

  1. #56ea31
  2. #67ec46
  3. #78ee5a
  4. #89f06f
  5. #9af283
  6. #abf598
  7. #bbf7ad
  8. #ccf9c1
  9. #ddfbd6
  10. #eefdea
  11. #ffffff

Toni

#56ea31 miscelato progressivamente con il grigio.

  1. #56ea31
  2. #5adf39
  3. #5ed541
  4. #63ca49
  5. #67c051
  6. #6bb559
  7. #6faa60
  8. #73a068
  9. #789570
  10. #7c8b78
  11. #808080

Testo leggibile 1.59:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Testo leggibile 13.21:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #cdcdcd ≈ 0.003% degli uomini
Acromatomalia #aad9a5 ≈ 0.001% degli uomini
Protanopia #f0d400 ≈ 1.01% degli uomini
Deuteranopia #dfc948 ≈ 1.27% degli uomini
Tritanopia #3ee2c8 ≈ 0.0001% degli uomini
Protanomalia #c6dd15 ≈ 1.08% degli uomini
Deuteranomalia #b8d740 ≈ 4.63% degli uomini
Tritanomalia #49e5a2 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-56ea31 {
  color: #56ea31;
}
Sfondo
.bg-56ea31 {
  background-color: #56ea31;
  color: #000000;
}
Bordo
.border-56ea31 {
  border: 2px solid #56ea31;
}
Variabili CSS
:root {
  --color-primary: #56ea31;
  --color-primary-rgb: 86 234 49;
  --color-primary-hsl: 108 82% 55%;
}
Sfumatura
.gradient-56ea31 {
  background: linear-gradient(135deg, #56ea31, #31ea68);
}
Ombra colorata
.shadow-56ea31 {
  box-shadow: 0 8px 24px rgb(86 234 49 / 0.35);
}

#39ff14 Neon Green ΔE 4.70 #3fff00 Harlequin ΔE 4.81 #00ff00 Lime ΔE 4.94 #7cfc00 Lawn Green ΔE 5.68 #7fff00 Chartreuse ΔE 6.26 #0bda51 Malachite ΔE 6.68 #32cd32 Lime Green ΔE 7.38 #a915ce Invertito #cdcdcd Scala di grigi 

Neon Green
#56ea31  rgb(86, 234, 49)  hsl(108, 82%, 55%)  Neon Green
#c531ea  rgb(197, 49, 234)  hsl(288, 82%, 55%)  Electric Purple
#3156ea  rgb(49, 86, 234)  hsl(228, 82%, 55%)  Ultramarine Blue
#ea3156  rgb(234, 49, 86)  hsl(348, 82%, 55%)  Amaranth