Bright Energetic Citrus Sun Yellow
Category: Yellow
Sunlight Yellow (#FEE12B) — Color Codes, Meaning & UI Palettes
Sunlight Yellow is a radiant solar tone with hex code #FEE12B. With a 52° hue angle and 99% saturation, it delivers an electric lemon zest punch popular in modern tech brands.
Click to Copy HEX
Sunlight Yellow
#FEE12B
HEX
#FEE12B
RGB
rgb(254, 225, 43)
HSL
hsl(52deg, 99%, 58%)
CMYK (Print)
cmyk(0%, 11%, 83%, 0%)
Apple Display P3
color(display-p3 0.996 0.882 0.169)
WCAG 2.1 Accessibility & Contrast Rating
White Text (#FFFFFF)
1.31:1 (Fail)
Black Text (#000000)
16.02: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
#FFFDF2
100
#FFFADD
200
#FFF5BB
300
#FEEF91
400
#FEE85E
500
#FEE12B
600
#CBB422
700
#98871A
800
#665A11
900
#383109
950
#1E1B05
Color Harmonies & Palette Schemes
Complementary
#2A46FE
Opposite 180° Contrast
Analogous -30°
#FE782A
Natural Harmony
Analogous +30°
#B0FE2A
Natural Harmony
Triadic +120°
#2AFEE2
120° Balanced Triad
Triadic +240°
#E22AFE
120° Balanced Triad
Curated UI Design Pairings for Sunlight Yellow
Ideal for notification icons, high-visibility warning pills, and creative portfolio highlights.
Deep Navy
#0F172A
High-Contrast Readability
Warm Sand
#E5D3B3
Natural Companion
Forest Green
#1B4332
Fresh Citrus Contrast
Pale Slate
#D9E2EC
Card Border
Export Sunlight Yellow Code Snippets
CSS Variable
--color-sunlight-yellow: #FEE12B;
Tailwind Config
'sunlight-yellow': '#FEE12B'
Swift / SwiftUI
Color(hex: "#FEE12B")
JSON Design Token
{"name": "Sunlight Yellow", "hex": "#FEE12B"}
Explore More Colors in the Dictionary
Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.