#7bc01f ≈ Yellow Green
#7bc01f è un colore della famiglia «giallo-verde», con luminosità media e saturazione forte. Nel modello RGB è composto da 48,24% di rosso, 75,29% di verde e 12,16% di blu; in stampa CMYK usa 35,94% di ciano, 0% di magenta, 83,85% di giallo e 24,71% di nero. Il suo angolo di tinta è 85,71°, con 72,2% di saturazione e 43,73% 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 9,4:1 (WCAG AAA). Il colore con nome più vicino è Yellow Green (#9acd32), ΔE 4,96.
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 relativa | 0.4201 |
Ombre
#7bc01f miscelato progressivamente con il nero.
Tinte
#7bc01f miscelato progressivamente con il bianco.
Toni
#7bc01f miscelato progressivamente con il grigio.
Testo in questo colore
Sfondo in questo colore
Bordo in questo colore
.text-7bc01f {
color: #7bc01f;
}
.bg-7bc01f {
background-color: #7bc01f;
color: #000000;
}
.border-7bc01f {
border: 2px solid #7bc01f;
}
:root {
--color-primary: #7bc01f;
--color-primary-rgb: 123 192 31;
--color-primary-hsl: 86 72% 44%;
}
.gradient-7bc01f {
background: linear-gradient(135deg, #7bc01f, #2bc01f);
}
.shadow-7bc01f {
box-shadow: 0 8px 24px rgb(123 192 31 / 0.35);
}
Yellow Green
#7bc01f rgb(123, 192, 31) hsl(86, 72%, 44%) Yellow Green
#641fc0 rgb(100, 31, 192) hsl(266, 72%, 44%) Purple Heart
#1f7bc0 rgb(31, 123, 192) hsl(206, 72%, 44%) French Blue
#c01f7b rgb(192, 31, 123) hsl(326, 72%, 44%) Medium Violet Red