← Back to Editor

#D0D477 · #E8F538 · #F5C638 · #F58738 · #F46037

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#D0D477

Fresh Green · BurlyWood · Sunflower

HEX
#D0D477
RGB
rgb(208, 212, 119)
HSL
hsl(63, 52%, 65%)
HSB
hsb(63, 44%, 83%)
CMYK
cmyk(2%, 0%, 44%, 17%)
Oklch
oklch(84.7% 0.117 110.8)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#E8F538

Autumn Sage · GreenYellow · Sunflower

HEX
#E8F538
RGB
rgb(232, 245, 56)
HSL
hsl(64, 90%, 59%)
HSB
hsb(64, 77%, 96%)
CMYK
cmyk(5%, 0%, 77%, 4%)
Oklch
oklch(93.0% 0.195 113.7)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#F5C638

Ginger · GoldenRod · Sunflower

HEX
#F5C638
RGB
rgb(245, 198, 56)
HSL
hsl(45, 90%, 59%)
HSB
hsb(45, 77%, 96%)
CMYK
cmyk(0%, 19%, 77%, 4%)
Oklch
oklch(84.5% 0.157 89.3)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#F58738

Tangerine · Coral · Warm Sun

HEX
#F58738
RGB
rgb(245, 135, 56)
HSL
hsl(25, 90%, 59%)
HSB
hsb(25, 77%, 96%)
CMYK
cmyk(0%, 45%, 77%, 4%)
Oklch
oklch(73.2% 0.161 52.4)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#F46037

Vermilion · Tomato · Passion Red

HEX
#F46037
RGB
rgb(244, 96, 55)
HSL
hsl(13, 90%, 59%)
HSB
hsb(13, 77%, 96%)
CMYK
cmyk(0%, 61%, 77%, 4%)
Oklch
oklch(67.4% 0.190 36.1)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D0D477
7C77D4

Analogous

D4AA77
D0D477
A1D477

Triadic

D0D477
77D0D4
D477D0

Split-Comp.

D0D477
77A1D4
AA77D4

Tetradic

D0D477
77D4AA
7C77D4
D477A1

Contrast Matrix WCAG 2.1 Contrast

D0D477
E8F538
F5C638
F58738
F46037
—
1.3
Fail
1.0
Fail
1.6
Fail
2.0
Fail
1.3
Fail
—
1.3
Fail
2.1
Fail
2.7
Fail
1.0
Fail
1.3
Fail
—
1.5
Fail
2.0
Fail
1.6
Fail
2.1
Fail
1.5
Fail
—
1.3
Fail
2.0
Fail
2.7
Fail
2.0
Fail
1.3
Fail
—
White BG
1.6Fail
1.2Fail
1.6Fail
2.5Fail
3.2AA Large
Black BG
13.4AAA
17.5AAA
13.0AAA
8.4AAA
6.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D2D28E
EEEE66
E1E05A
C5C44B
B4B341

Deuteranopia

D2D193
EDEC71
E3E763
CCD450
BDC843

Tritanopia

D09FA3
E98A92
F3757B
F05A5E
ED494A

Achromatopsia

C8C8C8
DCDCDC
C4C4C4
9F9F9F
888888

Shades & Tints Shades & Tints

#D0D477

Dark
Light

#E8F538

Dark
Light

#F5C638

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d0d477;
  --color-2: #e8f538;
  --color-3: #f5c638;
  --color-4: #f58738;
  --color-5: #f46037;
}

SCSS

$color-1: #d0d477;
$color-2: #e8f538;
$color-3: #f5c638;
$color-4: #f58738;
$color-5: #f46037;

TAILWIND

colors: {
  'brand-1': '#d0d477',
  'brand-2': '#e8f538',
  'brand-3': '#f5c638',
  'brand-4': '#f58738',
  'brand-5': '#f46037',
}

RGB Array

[208, 212, 119], [232, 245, 56], [245, 198, 56], [245, 135, 56], [244, 96, 55]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D0D477, #E8F538, #F5C638, #F58738, #F46037 is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #d0d477; --color-2: #e8f538; --color-3: #f5c638; --color-4: #f58738; --color-5: #f46037. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This general-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color