#FFC30B
Yellow family

Honey

Also known as: sweet · warm · golden · vibrant · inviting
Save
Hex #FFC30B
RGB rgb(255, 195, 11)
HSL hsl(45°, 100%, 52%)
CMYK 0 · 24 · 96 · 0
RAL RAL 1023 · Traffic Yellow
NCS S 0540-G90Y

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

Meaning

In Western cultures, honey symbolizes prosperity and abundance, often associated with the sweetness of life. In contrast, in some Eastern traditions, it is viewed as a remedy for health and longevity, showcasing its dual significance across different contexts.

The term 'honey' traces back to the Old English 'hunig', and references to honey in human culture date back to at least 2100 BCE in ancient Mesopotamia, where it was used not only as food but also in religious rituals. Honey was highly valued in ancient Egypt, often used as an offering to the gods.

sweetwarmgoldenvibrantinviting

Similar colors

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

All 29 Yellows →

Shades & tints

Nine steps of Honey by lightness — from #856506 (darkest) to #FFE080 (lightest). Click any to copy.

-40% #856506
-30% #A37D07
-20% #C29408
-10% #E0AC0A
BASE #FFC30B
+15% #FFCA28
+30% #FFD146
+50% #FFD963
+70% #FFE080

Complementary

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

Palettes

Curated 5-color combinations featuring Honey.

#FFC30B
#6A993A
#F5F5F5
#D99D20
#A65E2E

Golden Harvest

Joyful Abundance
#FFC30B
#FF5722
#FFFFFF
#8BC34A
#FFC107

Sunlit Meadow

Bright Playfulness
#FFC30B
#6B4C3A
#F5F5F5
#9E7B5D
#B47A2A

Cozy Comfort

Warm Welcoming

Honey scale

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

50 #FFFAEB
100 #FFF4D3
200 #FFE8A2
300 #FFDC71
400 #FFD03E
500 #FFC30B
600 #D1A009
700 #A88107
800 #806206
900 #574204

Accessibility

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

Aa Best text color: #000000 · 13.06:1
Honey as text on… Ratio AA AAA
Aa White background 1.61:1 Fail Fail
Aa Black background 13.06: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 #FFC30B

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

CSS color: #FFC30B;
CSS color-mix (lighten 30%) color-mix(in srgb, #FFC30B 70%, white)
HSV / HSB 45°, 96%, 100%
CMYK (print) 0, 24, 96, 0
Decimal 16761611
Nearest web-safe #FFCC00

Color vision

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

Normal vision

#FFC30B

Protanopia (no red)

#E5E438

Deuteranopia (no green)

#E9ED42

Tritanopia (no blue)

#FC5B62
Dandelion
25 / 29 Yellows Brass
Copied!