Warm Golden Sunshine Yellow
Category: Yellow
Sun Yellow (#FFDE38) — Color Codes, Meaning & UI Palettes
Sun Yellow is an energetic, warm golden yellow with hex code #FFDE38. Emitting genuine solar optimism, it captures immediate viewer attention with high emotional warmth.
Click to Copy HEX
Sun Yellow
#FFDE38
HEX
#FFDE38
RGB
rgb(255, 222, 56)
HSL
hsl(50deg, 100%, 61%)
CMYK (Print)
cmyk(0%, 13%, 78%, 0%)
Apple Display P3
color(display-p3 1.000 0.871 0.220)
WCAG 2.1 Accessibility & Contrast Rating
White Text (#FFFFFF)
1.33:1 (Fail)
Black Text (#000000)
15.76:1 (AAA)
11-Step Tints & Shades Scale (Tailwind 50–950)
Mathematically balanced luminance scale for design tokens and CSS color palettes. Click any shade to copy hex code:
50
#FFFDF3
100
#FFFADF
200
#FFF4BF
300
#FFEE98
400
#FFE668
500
#FFDE38
600
#CCB22D
700
#998522
800
#665916
900
#38310C
950
#1F1B07
Color Harmonies & Palette Schemes
Complementary
#3859FF
Opposite 180° Contrast
Analogous -30°
#FF7A38
Natural Harmony
Analogous +30°
#BDFF38
Natural Harmony
Triadic +120°
#38FFDE
120° Balanced Triad
Triadic +240°
#DE38FF
120° Balanced Triad
Curated UI Design Pairings for Sun Yellow
Use for primary call-to-action badges, promotional star ratings, and energetic creative studio banners.
Midnight Navy
#0F172A
Dramatic Editorial Contrast
Pale Slate
#D9E2EC
Subtle Card Divider
Warm Sand
#E5D3B3
Mediterranean Accent
Pure White
#FFFFFF
Clean Light Accent
Export Sun Yellow Code Snippets
CSS Variable
--color-sun-yellow-color: #FFDE38;
Tailwind Config
'sun-yellow-color': '#FFDE38'
Swift / SwiftUI
Color(hex: "#FFDE38")
JSON Design Token
{"name": "Sun Yellow", "hex": "#FFDE38"}
Explore More Colors in the Dictionary
Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.