YELLOWS

Mellow Yellow

#FFCF5E

RGB 255, 207, 94 · HSL 42°, 100%, 68% · CMYK 0, 19, 63, 0

Mellow Yellow is #FFCF5E in HEX — rgb(255, 207, 94), hsl(42°, 100%, 68%), cmyk(0%, 19%, 63%, 0%).

Mellow Yellow pulls into the light end of the yellows spectrum — HSL 42°, 100%, 68%. The saturated saturation makes it bold and immediate, and the hue reads warm. In interior projects it shines on kitchens, breakfast nooks, kids' rooms, accent walls — bringing sunlight indoors. Reads best alongside white trim, natural linen, light oak, brushed brass.

HEX#FFCF5E
RGB255, 207, 94
HSL42°, 100%, 68%
HSV42°, 63%, 100%
CMYK0, 19, 63, 0
Decimal16764766
CSS RGBrgb(255, 207, 94)
CSS HSLhsl(42, 100%, 68%)

Behr

Mellow Yellow 320B-6

Exact match

Hallman-Lindsay

Evening Star 953

ΔE 1.1 · #FFD160

Vista Paint

Bright Halo C-946

ΔE 1.5 · #FFD162

PPG

Fuzzy Navel 1206-6

ΔE 1.9 · #FFD15C

Valspar

Summer Gold 3005-1B

ΔE 2.7 · #FDD25D

Dulux

Stella S15H6

ΔE 3.1 · #F5CA56

Dunn-Edwards

Rubber Ducky DE5390

ΔE 3.1 · #FACF58

Sherwin-Williams

Rayo de Sol SW9020

ΔE 3.9 · #F4C454

Benjamin Moore

American 2019-40

ΔE 4.9 · #FFD867

Kilz

Wake Up LH260

ΔE 8 · #FFD754

Colorhouse

Aspire .05 Aspire-05

ΔE 8.8 · #EABE5B

Farrow & Ball

Babouche 223

ΔE 9.5 · #ECC363

IKEA

IKEA109 109

ΔE 10 · #F4D96C

Kobra

Yellow 06

ΔE 10.3 · #F2D964

RAL

Ivory 1014

ΔE 12.5 · #E1CC4F

Dutch Boy

Bone Ivory VS-9225

ΔE 13.3 · #FFD880

Light Reflectance Value (LRV)

67/100

Light

0 · DarkLight · 100

Reflects plenty of light and keeps spaces feeling open and airy while still showing clear colour. A safe, flexible choice for living areas.

Undertone

TemperatureWarm MasstoneOrange UndertoneYellow

Reads as a warm orange with a yellow undertone showing through, especially in daylight. Pair trim and adjacent colours to either calm or amplify that undertone.

Complementary

#FFCF5E
#5C8DFF

Analogous

#FF7C5C
#FFCF5E
#DEFF5C

Triadic

#FFCF5E
#5CFFCE
#CE5CFF

Split-Complementary

#FFCF5E
#5CDEFF
#7C5CFF

Tetradic

#FFCF5E
#5CFF7C
#5C8DFF
#FF5CDE

Monochromatic

#C28800
#FFB70F
#FFCF5E
#FFE5A8
#FFF7E5

Rectangle

#FFCF5E
#8DFF5C
#5C8DFF
#CE5CFF

Compound

#FFCF5E
#DEFF5C
#5C8DFF
#7C5CFF

Lighter

#FFD87C
#F8DFA4
#F6EACE

Darker

#FFB916
#BF8600
#6F4E00

Saturation

#C6B795
#FFCE5C
#FFCE5C

Best Rooms

kitchens, breakfast nooks, kids' rooms

Best Uses

accent walls, ceilings, cabinetry highlights

Pairs With

white trim, natural linen, light oak, brushed brass

Aa

vs White

1.46:1

Fail

Aa

vs Black

14.34:1

AAA

Deuteranopia

#FFCF5E
#EFDB5D

Original → Simulated

Protanopia

#FFCF5E
#D8D875

Original → Simulated

Tritanopia

#FFCF5E
#FFC4CE

Original → Simulated

Bright · Optimistic

Mellow Yellow brings light into spaces that lack it — kitchens, breakfast nooks, kids' rooms wake up under it. The trick with yellow is restraint: lean toward the muted/buttery end if you want it on walls; reserve high-chroma versions for accents and trim.

SymbolismSunlight, clarity, intellect
PersonalityCheerful, alert, sociable
sunlightclarityjoyalertnesskitchenmorning
#FFC862

Warm Bulb 2700K

Incandescent / soft white LED — pulls colour toward yellow/amber.

#FFCF5E

Daylight 5500K

Midday natural light or daylight-spec LED — closest to the paint chip.

#ECCD86

Cool Bulb 6500K

Cool white LED / overcast daylight — pulls colour toward blue.

#EEECE7

Trim

Matched off-white

Same hue at 92% lightness — trim reads coordinated, not stark.

#F8F8F7

Ceiling

Whisper tint

Near-white with a hint of the hero's undertone — ceiling feels intentional.

#3D71E9

Accent

Complementary punch

Hue +180°, slightly muted for paint vs. screen — use on a door, frame, or single piece.

#574738

Floor

Walnut neutral

Warm mid-brown grounds the scheme regardless of hero hue.

Brand · Product Line

Benjamin Moore / Regal Select Interior

Recommended Finishes

Eggshell (walls) · Pearl (trim) · Matte (ceiling)

Eggshell hides imperfections on main walls while keeping the color rich; pearl on trim adds subtle sheen and easier cleaning; flat matte on ceilings prevents glare.

Best Surfaces

Primary walls · Cabinetry · Trim · Soft furniture

Coverage & Dry Time

Typical coverage 350-400 sq ft per gallon over a primed surface.

Touch-dry in ~1 hour. Recoat after 4 hours. Full cure 7-14 days.

Primer

Standard primer is adequate.

Application Tip

Use a 9" microfiber roller on walls and a 2.5" angled sash brush for trim cuts. Two coats minimum for even depth.

You'll need

4.0 litres

1.06 US gallons · room for one touch-up coat. Buy slightly more to ensure single-batch match.

CSS — color
color: #FFCF5E;
CSS — background
background-color: #FFCF5E;
CSS Variable
--color-mellow-yellow: #FFCF5E;
Tailwind v3 — config
colors: { 'mellow-yellow': '#FFCF5E' }
Tailwind — arbitrary
bg-[#FFCF5E] text-[#FFCF5E]
SCSS
$mellow-yellow: #FFCF5E;
Built by DSGN.HOUSE Updated 2026

Our color tools run on our own catalogue of 26,000+ real paint colors across 16 brands — Benjamin Moore, Sherwin-Williams, Behr, Dulux, RAL and more — with the color math (HSL and CIELAB matching) computed in-house, not scraped from summaries. Every color you pick maps to a real, buyable paint with its code, so what you see here you can actually take to the store. We review and update these tools and their data regularly.

Created by Denis Kataev, founder of DSGN.HOUSE — a software engineer and digital entrepreneur building professional color-design tools for everyone.

What color is #FFCF5E?

#FFCF5E is Mellow Yellow, a soft yellow with a warm undertone.

Is #FFCF5E warm or cool?

Mellow Yellow reads warm, which influences how it interacts with surrounding tones and natural light.

What rooms work best with Mellow Yellow?

Mellow Yellow works well in kitchens, breakfast nooks, kids' rooms. Designers typically use it for accent walls, ceilings, cabinetry highlights.

What colors pair well with Mellow Yellow?

Mellow Yellow pairs naturally with white trim, natural linen, light oak, brushed brass. Its complementary color is also a strong contrast option for accents.

Where can I download Mellow Yellow?

You can download Mellow Yellow on DSGN.HOUSE in 15 designer formats including CSS gradient, Figma, Procreate swatches, Tailwind config, Adobe ASE, SVG, and 4K wallpapers — all free.

What's the hex code for Mellow Yellow?

The hex code is #FFCF5E. In RGB it's 255, 207, 94, and in HSL it's 42°, 100%, 68%.

← All colors