#f86748 ≈ Tomato
#f86748 è un colore della famiglia «rosso», con luminosità alta e saturazione forte. Nel modello RGB è composto da 97,25% di rosso, 40,39% di verde e 28,24% di blu; in stampa CMYK usa 0% di ciano, 58,47% di magenta, 70,97% di giallo e 2,75% di nero. Il suo angolo di tinta è 10,57°, con 92,63% di saturazione e 62,75% di luminosità in HSL. È un colore caldo, spesso associato a energia, passione e urgenza. I designer lo usano spesso per marchi alimentari e ristoranti, saldi e promozioni e pulsanti di invito all’azione. Il testo nero su questo colore raggiunge un rapporto di contrasto di 7,02:1 (WCAG AAA). Il colore con nome più vicino è Tomato (#ff6347), ΔE 1,36.
Descrizione generata dalle proprietà misurate di questo colore.
| HEX | |
|---|---|
| RGB | |
| RGB percentuale | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Web-safe | #ff6633 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| Binario | |
| Decimale | |
| Luminanza relativa | 0.3012 |
Ombre
#f86748 miscelato progressivamente con il nero.
Tinte
#f86748 miscelato progressivamente con il bianco.
Toni
#f86748 miscelato progressivamente con il grigio.
Testo in questo colore
Sfondo in questo colore
Bordo in questo colore
.text-f86748 {
color: #f86748;
}
.bg-f86748 {
background-color: #f86748;
color: #000000;
}
.border-f86748 {
border: 2px solid #f86748;
}
:root {
--color-primary: #f86748;
--color-primary-rgb: 248 103 72;
--color-primary-hsl: 11 93% 63%;
}
.gradient-f86748 {
background: linear-gradient(135deg, #f86748, #f8bf48);
}
.shadow-f86748 {
box-shadow: 0 8px 24px rgb(248 103 72 / 0.35);
}
Tomato
#f86748 rgb(248, 103, 72) hsl(11, 93%, 63%) Tomato
#48d9f8 rgb(72, 217, 248) hsl(191, 93%, 63%) Sky Blue
#48f867 rgb(72, 248, 103) hsl(131, 93%, 63%) Spring Green
#6748f8 rgb(103, 72, 248) hsl(251, 93%, 63%) Majorelle Blue