#F8DE7E
Yellow family

Jasmine

Also known as: delicate · serene · sunny · whimsical · light
Save
Hex #F8DE7E
RGB rgb(248, 222, 126)
HSL hsl(47°, 90%, 73%)
CMYK 0 · 10 · 49 · 3
RAL RAL 1015 · Light Ivory

RAL and NCS values are nearest equivalents, not official designations.

Meaning

In Western cultures, jasmine signifies purity, love, and sensuality, often used in wedding ceremonies. Conversely, in Middle Eastern traditions, it symbolizes divine love and is cherished for its connection to spirituality and beauty.

The term 'jasmine' comes from the Persian word 'yasamin', which was adopted into Latin as 'jasminum'. This flower was highly valued in the 16th century for its aromatic properties, often featured in the gardens of nobility across Europe.

delicateserenesunnywhimsicallight

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Jasmine. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 29 Yellows →

Shades & tints

Nine steps of Jasmine by lightness — from #817342 (darkest) to #FBEEBC (lightest). Click any to copy.

-40% #817342
-30% #9F8E51
-20% #BCA960
-10% #DAC36F
BASE #F8DE7E
+15% #F9E28D
+30% #FAE69D
+50% #FBEAAC
+70% #FBEEBC

Complementary

Sitting opposite Jasmine at 227° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Jasmine.

#F8DE7E
#A5D76D
#FFFFFF
#F2B705
#E6A2C6

Garden Serenity

Fresh Harmony
#F8DE7E
#F5B041
#CCCCCC
#E67E22
#F1948A

Sunlit Blooms

Warm Brightness
#F8DE7E
#FF5733
#888888
#FFC300
#DAF7A6

Evening Glow

Golden Twilight

Jasmine scale

A 50–900 tonal scale with Jasmine anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #FEFCF5
100 #FEF9E8
200 #FCF2CE
300 #FBECB4
400 #F9E599
500 #F8DE7E
600 #CBB667
700 #A49353
800 #7C6F3F
900 #544B2B

Accessibility

Works well as text on dark backgrounds; fails on light.

Aa Best text color: #000000 · 15.74:1
Jasmine as text on… Ratio AA AAA
Aa White background 1.33:1 Fail Fail
Aa Black background 15.74:1 Pass Pass

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #F8DE7E

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: #F8DE7E;
CSS color-mix (lighten 30%) color-mix(in srgb, #F8DE7E 70%, white)
HSV / HSB 47°, 49%, 97%
CMYK (print) 0, 10, 49, 3
Decimal 16309886
Nearest web-safe #FFCC66

Color vision

How Jasmine appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#F8DE7E

Protanopia (no red)

#EDED95

Deuteranopia (no green)

#EEF09B

Tritanopia (no blue)

#F7A8AC
Butter
29 / 29 Yellows
Copied!