#F6FF75
RGB(246, 255, 117)
#FCFEE8
#FAFFC2
#F6FF75
#FAFF45
#FCF813
#ECDF06
#CCB102
#A27F06
#86630D
#725111
#432C05
Color Values
HEX
#F6FF75
RGB
rgb(246, 255, 117)
HSL
hsl(64°, 100%, 73%)
CMYK
4%, 0%, 54%, 0%
HSV
64°, 54%, 100%
XYZ
76.98, 92.40, 30.61
Color Variations
Monochromatic Colors of Laser Lemon (#F6FF75)
#F1FF29
#F3FF42
#F4FF5C
#F6FF75
#F8FF8F
#F9FFA8
#FBFFC2
Tints of Laser Lemon (#F6FF75)
#F7FF83
#F8FF91
#F9FF9F
#FAFFAD
#FBFFBB
#FCFFC9
#FDFFD7
#FEFFE5
#FFFFF3
#FFFFFF
Triadic Colors of Laser Lemon (#F6FF75)
#F6FF75
#75F6FF
#FF75F6
Analogous Colors of Laser Lemon (#F6FF75)
#F6FF75
#B1FF75
#FFC375
Complementary Colors of Laser Lemon (#F6FF75)
#F6FF75
#7E75FF
CSS Examples
Laser Beam Effect
.laser-beam {
background: linear-gradient(45deg, #f6ff75, #fcf813);
box-shadow:
0 0 20px #f6ff75,
0 0 40px #faff45,
0 0 60px #fcf813;
animation: pulse 2s infinite;
}
@keyframes pulse {
0% { opacity: 1; }
50% { opacity: 0.7; }
100% { opacity: 1; }
}Neon Glow
.neon-glow {
color: #f6ff75;
text-shadow:
0 0 5px #f6ff75,
0 0 10px #f6ff75,
0 0 20px #fcf813,
0 0 40px #fcf813;
animation: neon 1.5s ease-in-out infinite alternate;
}
@keyframes neon {
from { text-shadow: 0 0 5px #f6ff75, 0 0 10px #f6ff75, 0 0 20px #fcf813; }
to { text-shadow: 0 0 10px #f6ff75, 0 0 20px #f6ff75, 0 0 40px #fcf813; }
}Energy Field
.energy-field {
background: radial-gradient(circle at center, #f6ff75, #faff45);
border: 2px solid #fcf813;
box-shadow:
inset 0 0 20px #fcf813,
0 0 30px rgba(246, 255, 117, 0.6);
backdrop-filter: brightness(1.2);
}Lightning Pattern
.lightning-pattern {
background-color: #f6ff75;
background-image:
linear-gradient(45deg, #fcf813 25%, transparent 25%),
linear-gradient(-45deg, #fcf813 25%, transparent 25%);
background-size: 20px 20px;
animation: move 2s linear infinite;
}
@keyframes move {
to { background-position: 20px 0; }
}Laser Button
.laser-button {
background: #f6ff75;
border: none;
box-shadow:
0 0 10px #f6ff75,
inset 0 0 5px #fcf813;
transition: all 0.3s ease;
&:hover {
transform: scale(1.05);
box-shadow:
0 0 20px #f6ff75,
inset 0 0 10px #fcf813;
}
}About Laser Lemon
Laser Lemon (#F6FF75) is a vibrant, eye-catching shade of yellow that exudes energy and brightness. This unique color, originating from the Crayola crayon box, has become a popular choice for designs that need to make a bold statement.
Color Characteristics
- High saturation (100%)
- High lightness (73%)
- Strong yellow base with a slight green undertone
- Excellent visibility and contrast
- Energetic and dynamic appearance
Color Values
- RGB: 246, 255, 117 (39.81%, 41.26%, 18.93%)
- HSL: 64°, 100%, 73%
- CMYK: 4%, 0%, 54%, 0%
- Web Safe: #FFFF66
Usage in Design
Laser Lemon excels in:
- High-visibility designs
- Safety equipment and signage
- Digital interfaces
- Children's products
- Sports and athletic gear
Color Combinations
- Pairs well with electric blues
- Complements deep purples
- Works with cool grays
- Creates contrast with navy blues
- Harmonizes with lime greens
