#FADA5E
RGB(250, 218, 94)
#FFFCEB
#FDF5C8
#FBE88C
#FADA5E
#F8C427
#F2A40E
#D67D09
#B2580B
#904410
#773810
#441C04
Color Values
HEX
#FADA5E
RGB
rgb(250, 218, 94)
HSL
hsl(48°, 94%, 67%)
CMYK
0%, 13%, 62%, 2%
HSV
48°, 62%, 98%
XYZ
66.52, 71.28, 20.84
Color Variations
Monochromatic Colors of Royal Yellow (#FADA5E)
#F8C914
#F8CF2D
#F9D445
#FADA5E
#FBE077
#FCE58F
#FCEBA8
Tints of Royal Yellow (#FADA5E)
#FADD6E
#FBE17E
#FBE58E
#FCE89E
#FCECAE
#FDF0BE
#FDF3CE
#FEF7DE
#FEFBEE
#FFFFFF
Triadic Colors of Royal Yellow (#FADA5E)
#FADA5E
#5EFADA
#DA5EFA
Analogous Colors of Royal Yellow (#FADA5E)
#FADA5E
#CCFA5E
#FA8C5E
Complementary Colors of Royal Yellow (#FADA5E)
#FADA5E
#5E7EFA
CSS Examples
Royal Crown Effect
.royal-crown {
background: linear-gradient(45deg, #fada5e, #f8c427);
border: 2px solid #f2a40e;
box-shadow:
0 0 15px #fada5e,
inset 0 0 10px #f8c427;
clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
}Royal Shimmer
.royal-shimmer {
background-color: #fada5e;
background-image:
linear-gradient(125deg, transparent 40%, #f8c427 40%, #fada5e 60%, transparent 60%);
background-size: 200% 100%;
animation: shimmer 3s infinite linear;
}
@keyframes shimmer {
to { background-position: right; }
}Royal Border
.royal-border {
border: 4px solid #fada5e;
position: relative;
&::before {
content: '';
position: absolute;
inset: -2px;
background: linear-gradient(45deg, #fada5e, #f8c427, #fada5e);
z-index: -1;
filter: blur(8px);
}
}Royal Pattern
.royal-pattern {
background-color: #fada5e;
background-image:
repeating-linear-gradient(45deg,
#f8c427 25%,
transparent 25%,
transparent 75%,
#f8c427 75%,
#f8c427),
repeating-linear-gradient(45deg,
#f8c427 25%,
#fada5e 25%,
#fada5e 75%,
#f8c427 75%,
#f8c427);
background-position: 0 0, 10px 10px;
background-size: 20px 20px;
}Royal Text
.royal-text {
color: #fada5e;
text-shadow:
2px 2px 0 #f2a40e,
-2px -2px 0 #f8c427,
0 0 10px rgba(250, 218, 94, 0.5);
font-weight: bold;
letter-spacing: 2px;
}About Royal Yellow
Royal Yellow (#FADA5E) is a rich and vibrant yellow shade that embodies elegance and majesty. With its perfect balance of warmth and brightness, it's an excellent choice for designs that require a touch of sophistication.
Cool Info
- Similar to Pantone 13-0756 TCX in the Fashion, Home + Interiors system
- Matches closely with Pantone 113 C in the Solid Color Coated system
- Has a web-safe equivalent of #FFCC66
- Contains primarily RED color in its RGB composition
- Popular in luxury and premium brand designs
Color Characteristics
- High saturation (94%)
- Balanced lightness (67%)
- Strong yellow base with golden undertones
- Excellent visibility and contrast
- Warm and inviting appearance
Usage in Design
Royal Yellow is particularly effective in:
- Luxury branding and packaging
- Premium product designs
- Decorative accents
- Digital interfaces
- Marketing materials
Color Harmony
- Pairs beautifully with deep blues
- Complements royal purples
- Works well with neutral grays
- Creates contrast with dark browns
- Harmonizes with cream whites
