#F28C28
RGB(242, 140, 40)
#411A09
#783716
#954117
#BC5312
#E36C13
#F28C28
#F5A242
#F8C579
#FBDEAD
#FEF0D6
#FEF8EE
Color Values
HEX
#F28C28
RGB
rgb(242, 140, 40)
HSL
hsl(30°, 83°, 95°)
CMYK
0%, 42%, 83%, 5%
HSV
30°, 83°, 95°
XYZ
46.38, 37.79, 6.86
Color Variations
Monochromatic Colors of Cadmium Orange (#F28C28)
#C2660C
#DA720D
#F17F10
#F28C28
#F39940
#F5A658
#F6B370
Tints of Cadmium Orange (#F28C28)
#F28C28
#F3973D
#F4A352
#F5AE68
#F7BA7E
#F8C593
#F9D1A9
#FBDCBE
#FCE8D4
#FDF3E9
Triadic Colors of Cadmium Orange (#F28C28)
#F28C28
#28F28C
#8C28F2
Analogous Colors of Cadmium Orange (#F28C28)
#F28C28
#F2F128
#F22829
Complementary Colors of Cadmium Orange (#F28C28)
#F28C28
#288EF2
CSS Examples
Sunset Gradient
.sunset-gradient {
background: linear-gradient(135deg, #F28C28, #f22829);
border-radius: 12px;
box-shadow: 0 8px 32px rgba(242,140,40,0.3);
transition: all 0.3s ease;
}Orange Glow
.orange-glow {
background-color: #F28C28;
animation: pulse 2s infinite;
}
@keyframes pulse {
0% { box-shadow: 0 0 0 0 rgba(242,140,40,0.4); }
70% { box-shadow: 0 0 0 20px rgba(242,140,40,0); }
100% { box-shadow: 0 0 0 0 rgba(242,140,40,0); }
}Citrus Card
.citrus-card {
background: rgba(242,140,40,0.1);
backdrop-filter: blur(10px);
border: 1px solid rgba(242,140,40,0.2);
box-shadow:
0 4px 30px rgba(242,140,40,0.1),
inset 0 1px 1px rgba(255,255,255,0.3);
}Orange Text Effect
.orange-text {
background: linear-gradient(45deg, #F28C28, #f22829);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-shadow: 2px 2px 4px rgba(242,140,40,0.3);
}Orange Pattern
.orange-pattern {
background-color: #F28C28;
background-image: radial-gradient(circle at 1px 1px, #f22829 1px, transparent 0);
background-size: 20px 20px;
box-shadow: inset 0 0 30px rgba(242,140,40,0.5);
}About Cadmium Orange
Cadmium Orange (#F28C28) is a vibrant, warm hue that exudes energy and creativity. This striking color is derived from cadmium sulfide, a compound discovered in the early 19th century.
Color Characteristics
- Vibrant orange shade
- High saturation (89%)
- Medium lightness (55%)
- Strong warm undertones
Color Values
- RGB: 242, 140, 40 (57.35%, 33.18%, 9.48%)
- HSL: 30°, 83°, 95°
- CMYK: 0%, 42%, 83%, 5%
- Web Safe: #FF9933
Usage in Design
Cadmium Orange excels in:
- Brand identity design
- Digital illustrations
- Web design accents
- Marketing materials
- Interior design highlights
Color Combinations
- Pairs well with deep blues
- Complements warm yellows
- Works with earthy browns
- Effective with cool grays
- Beautiful with cream whites
