← Back to Editor

#D6E92C · #FFF4E8 · #CEC2B4 · #33302E · #F7630A

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 AppData Visualization

Color Details Color Details

#D6E92C

Autumn Sage · GreenYellow · Sunflower

HEX
#D6E92C
RGB
rgb(214, 233, 44)
HSL
hsl(66, 81%, 54%)
HSB
hsb(66, 81%, 91%)
CMYK
cmyk(8%, 0%, 81%, 9%)
Oklch
oklch(89.0% 0.193 115.7)

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

#FFF4E8

Goose Yellow · SeaShell · Peach Orange

HEX
#FFF4E8
RGB
rgb(255, 244, 232)
HSL
hsl(31, 100%, 95%)
HSB
hsb(31, 9%, 100%)
CMYK
cmyk(0%, 4%, 9%, 0%)
Oklch
oklch(97.3% 0.020 70.0)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#CEC2B4

Goose Yellow · Silver · Peach Orange

HEX
#CEC2B4
RGB
rgb(206, 194, 180)
HSL
hsl(32, 21%, 76%)
HSB
hsb(32, 13%, 81%)
CMYK
cmyk(0%, 6%, 13%, 19%)
Oklch
oklch(82.0% 0.024 71.7)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#33302E

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#33302E
RGB
rgb(51, 48, 46)
HSL
hsl(24, 5%, 19%)
HSB
hsb(24, 10%, 20%)
CMYK
cmyk(0%, 6%, 10%, 80%)
Oklch
oklch(31.2% 0.006 56.2)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

#F7630A

Tangerine · OrangeRed · Amber Brown

HEX
#F7630A
RGB
rgb(247, 99, 10)
HSL
hsl(23, 94%, 50%)
HSB
hsb(23, 96%, 97%)
CMYK
cmyk(0%, 60%, 96%, 3%)
Oklch
oklch(68.0% 0.198 43.1)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D6E92C
3E2BE9

Analogous

E99D2B
D6E92C
77E92B

Triadic

D6E92C
2BD6E9
E92BD6

Split-Comp.

D6E92C
2B77E9
9D2BE9

Tetradic

D6E92C
2BE99D
3E2BE9
E92B77

Contrast Matrix WCAG 2.1 Contrast

D6E92C
FFF4E8
CEC2B4
33302E
F7630A
—
1.2
Fail
1.3
Fail
9.7
AAA
2.3
Fail
1.2
Fail
—
1.6
Fail
12.1
AAA
2.9
Fail
1.3
Fail
1.6
Fail
—
7.5
AAA
1.8
Fail
9.7
AAA
12.1
AAA
7.5
AAA
—
4.2
AA Large
2.3
Fail
2.9
Fail
1.8
Fail
4.2
AA Large
—
White BG
1.4Fail
1.1Fail
1.7Fail
13.1AAA
3.1AA Large
Black BG
15.6AAA
19.4AAA
12.0AAA
1.6Fail
6.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DEDE5A
FAFAEB
C9C9B7
32322E
B7B620

Deuteranopia

DDDC65
FBFCEC
CACAB8
32322F
C0CB25

Tritanopia

D77E86
FEEDEE
CDBABB
332F2F
F03134

Achromatopsia

CECECE
F6F6F6
C4C4C4
313131
858585

Shades & Tints Shades & Tints

#D6E92C

Dark
Light

#FFF4E8

Dark
Light

#CEC2B4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d6e92c;
  --color-2: #fff4e8;
  --color-3: #cec2b4;
  --color-4: #33302e;
  --color-5: #f7630a;
}

SCSS

$color-1: #d6e92c;
$color-2: #fff4e8;
$color-3: #cec2b4;
$color-4: #33302e;
$color-5: #f7630a;

TAILWIND

colors: {
  'brand-1': '#d6e92c',
  'brand-2': '#fff4e8',
  'brand-3': '#cec2b4',
  'brand-4': '#33302e',
  'brand-5': '#f7630a',
}

RGB Array

[214, 233, 44], [255, 244, 232], [206, 194, 180], [51, 48, 46], [247, 99, 10]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D6E92C, #FFF4E8, #CEC2B4, #33302E, #F7630A is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #d6e92c; --color-2: #fff4e8; --color-3: #cec2b4; --color-4: #33302e; --color-5: #f7630a. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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