#fd5a3a ≈ Tomato
#fd5a3a, “kırmızı” ailesinden bir renktir; açıklığı orta, doygunluğu canlı. RGB modelinde %99,22 kırmızı, %35,29 yeşil ve %22,75 maviden oluşur; CMYK baskıda %0 camgöbeği, %64,43 macenta, %77,08 sarı ve %0,78 siyah kullanır. Ton açısı 9,85°, HSL’de doygunluğu %97,99 ve açıklığı %60,98’dir. Sıcak bir renktir ve çoğunlukla enerji, tutku ve aciliyet ile ilişkilendirilir. Tasarımcılar onu genellikle gıda markaları ve restoranlar, indirimler ve kampanyalar ve eylem çağrısı düğmeleri için kullanır. Bu renk üzerinde siyah metin 6,7:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Tomato (#ff6347), ΔE 2,21.
Açıklama, bu rengin ölçülen özelliklerinden oluşturuldu.
| HEX | |
|---|---|
| RGB | |
| Yüzde olarak RGB | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| Web güvenli | #ff6633 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| İkili | |
| Ondalık | |
| Göreli parlaklık | 0.285 |
Koyu tonlar
#fd5a3a kademeli olarak siyahla karıştırıldı.
Açık tonlar
#fd5a3a kademeli olarak beyazla karıştırıldı.
Tonlar
#fd5a3a kademeli olarak griyle karıştırıldı.
Bu renkte metin
Bu renkte arka plan
Bu renkte kenarlık
.text-fd5a3a {
color: #fd5a3a;
}
.bg-fd5a3a {
background-color: #fd5a3a;
color: #000000;
}
.border-fd5a3a {
border: 2px solid #fd5a3a;
}
:root {
--color-primary: #fd5a3a;
--color-primary-rgb: 253 90 58;
--color-primary-hsl: 10 98% 61%;
}
.gradient-fd5a3a {
background: linear-gradient(135deg, #fd5a3a, #fdbc3a);
}
.shadow-fd5a3a {
box-shadow: 0 8px 24px rgb(253 90 58 / 0.35);
}
Tomato
#fd5a3a rgb(253, 90, 58) hsl(10, 98%, 61%) Tomato
#3addfd rgb(58, 221, 253) hsl(190, 98%, 61%) Sky Blue
#3afd5a rgb(58, 253, 90) hsl(130, 98%, 61%) Neon Green
#5a3afd rgb(90, 58, 253) hsl(250, 98%, 61%) Han Purple