ColorTool
Accedi
#7BDB1E

#7bdb1e ≈ Yellow Green

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

#7bdb1e è un colore della famiglia «giallo-verde», con luminosità media e saturazione forte. Nel modello RGB è composto da 48,24% di rosso, 85,88% di verde e 11,76% di blu; in stampa CMYK usa 43,84% di ciano, 0% di magenta, 86,3% di giallo e 14,12% di nero. Il suo angolo di tinta è 90,48°, con 75,9% di saturazione e 48,82% di luminosità in HSL. Si colloca tra caldo e freddo ed è spesso associato a freschezza, crescita e vitalità. 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 11,99:1 (WCAG AAA). Il colore con nome più vicino è Yellow Green (#9acd32), ΔE 5,74.

Descrizione generata dalle proprietà misurate di questo colore.

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

Complementare

  1. #7bdb1e
  2. #7e1edb

Complementare diviso

  1. #7bdb1e
  2. #201edb
  3. #db1ed9

Analogo

  1. #d9db1e
  2. #7bdb1e
  3. #1edb20

Triadico

  1. #7bdb1e
  2. #1e7bdb
  3. #db1e7b

Tetradico

  1. #7bdb1e
  2. #1edb7e
  3. #7e1edb
  4. #db1e7b

Quadrato

  1. #7bdb1e
  2. #1ed9db
  3. #7e1edb
  4. #db201e

Monocromatico

  1. #2f540c
  2. #559815
  3. #7bdb1e
  4. #a2e95d
  5. #c8f2a0

Ombre

#7bdb1e miscelato progressivamente con il nero.

  1. #7bdb1e
  2. #6fc51b
  3. #62af18
  4. #569915
  5. #4a8312
  6. #3e6e0f
  7. #31580c
  8. #254209
  9. #192c06
  10. #0c1603
  11. #000000

Tinte

#7bdb1e miscelato progressivamente con il bianco.

  1. #7bdb1e
  2. #88df35
  3. #95e24b
  4. #a3e662
  5. #b0e978
  6. #bded8f
  7. #caf1a5
  8. #d7f4bc
  9. #e5f8d2
  10. #f2fbe9
  11. #ffffff

Toni

#7bdb1e miscelato progressivamente con il grigio.

  1. #7bdb1e
  2. #7cd228
  3. #7cc932
  4. #7dc03b
  5. #7db745
  6. #7eae4f
  7. #7ea459
  8. #7f9b63
  9. #7f926c
  10. #808976
  11. #808080

Testo leggibile 1.75:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Testo leggibile 11.99:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #c4c4c4 ≈ 0.003% degli uomini
Acromatomalia #abcd9d ≈ 0.001% degli uomini
Protanopia #e4c900 ≈ 1.01% degli uomini
Deuteranopia #d7c139 ≈ 1.27% degli uomini
Tritanopia #79d2bb ≈ 0.0001% degli uomini
Protanomalia #c3d000 ≈ 1.08% degli uomini
Deuteranomalia #b9cc30 ≈ 4.63% degli uomini
Tritanomalia #7ad695 ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-7bdb1e {
  color: #7bdb1e;
}
Sfondo
.bg-7bdb1e {
  background-color: #7bdb1e;
  color: #000000;
}
Bordo
.border-7bdb1e {
  border: 2px solid #7bdb1e;
}
Variabili CSS
:root {
  --color-primary: #7bdb1e;
  --color-primary-rgb: 123 219 30;
  --color-primary-hsl: 90 76% 49%;
}
Sfumatura
.gradient-7bdb1e {
  background: linear-gradient(135deg, #7bdb1e, #1edb20);
}
Ombra colorata
.shadow-7bdb1e {
  box-shadow: 0 8px 24px rgb(123 219 30 / 0.35);
}

#9acd32 Yellow Green ΔE 5.74 #b2ec5d Inchworm ΔE 7.13 #7cfc00 Lawn Green ΔE 7.27 #32cd32 Lime Green ΔE 7.55 #7fff00 Chartreuse ΔE 7.88 #a7fc00 Spring Bud ΔE 8.58 #3fff00 Harlequin ΔE 8.67 #8424e1 Invertito #c4c4c4 Scala di grigi 

Yellow Green
#7bdb1e  rgb(123, 219, 30)  hsl(90, 76%, 49%)  Yellow Green
#7e1edb  rgb(126, 30, 219)  hsl(270, 76%, 49%)  Blue Violet
#1e7bdb  rgb(30, 123, 219)  hsl(210, 76%, 49%)  Tufts Blue
#db1e7b  rgb(219, 30, 123)  hsl(330, 76%, 49%)  Telemagenta