← Back to Editor

#EBF8AC · #D4EB66 · #FAB74C · #F46018 · #AA3F3F

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

#EBF8AC

Willow Green · Wheat · Mint Green

HEX
#EBF8AC
RGB
rgb(235, 248, 172)
HSL
hsl(70, 84%, 82%)
HSB
hsb(70, 31%, 97%)
CMYK
cmyk(5%, 0%, 31%, 3%)
Oklch
oklch(95.2% 0.098 116.2)

Traditional「Willow Green」· Paint「Mint Green」· Creative Mint Breeze

#D4EB66

Willow Green · Khaki · Apple Green

HEX
#D4EB66
RGB
rgb(212, 235, 102)
HSL
hsl(70, 77%, 66%)
HSB
hsb(70, 57%, 92%)
CMYK
cmyk(10%, 0%, 57%, 8%)
Oklch
oklch(89.7% 0.160 118.0)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#FAB74C

Ginger · SandyBrown · Warm Sun

HEX
#FAB74C
RGB
rgb(250, 183, 76)
HSL
hsl(37, 95%, 64%)
HSB
hsb(37, 70%, 98%)
CMYK
cmyk(0%, 27%, 70%, 2%)
Oklch
oklch(82.3% 0.143 75.8)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#F46018

Tangerine · Chocolate · Warm Sun

HEX
#F46018
RGB
rgb(244, 96, 24)
HSL
hsl(20, 91%, 53%)
HSB
hsb(20, 90%, 96%)
CMYK
cmyk(0%, 61%, 90%, 4%)
Oklch
oklch(67.2% 0.196 41.4)

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

#AA3F3F

Crimson · Sienna · Passion Red

HEX
#AA3F3F
RGB
rgb(170, 63, 63)
HSL
hsl(0, 46%, 46%)
HSB
hsb(0, 63%, 67%)
CMYK
cmyk(0%, 63%, 63%, 33%)
Oklch
oklch(51.6% 0.141 23.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EBF8AC
B7ABF8

Analogous

F8DEAB
EBF8AC
C4F8AB

Triadic

EBF8AC
ABEBF8
F8ABEB

Split-Comp.

EBF8AC
ABC4F8
DEABF8

Tetradic

EBF8AC
ABF8DE
B7ABF8
F8ABC4

Contrast Matrix WCAG 2.1 Contrast

EBF8AC
D4EB66
FAB74C
F46018
AA3F3F
—
1.2
Fail
1.6
Fail
2.8
Fail
5.3
AA
1.2
Fail
—
1.3
Fail
2.4
Fail
4.5
AA
1.6
Fail
1.3
Fail
—
1.8
Fail
3.4
AA Large
2.8
Fail
2.4
Fail
1.8
Fail
—
1.9
Fail
5.3
AA
4.5
AA
3.4
AA Large
1.9
Fail
—
White BG
1.1Fail
1.3Fail
1.8Fail
3.2AA Large
6.0AA
Black BG
18.6AAA
15.9AAA
11.9AAA
6.5AA
3.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

F1F1BE
DEDE86
DDDC66
B4B329
7C7B3F

Deuteranopia

F0EFC3
DDDB8E
E1E66C
BDC82E
828A3F

Tritanopia

ECCDD0
D5A0A5
F77A7F
ED373A
A53F3F

Achromatopsia

EBEBEB
D5D5D5
BFBFBF
848484
5F5F5F

Shades & Tints Shades & Tints

#EBF8AC

Dark
Light

#D4EB66

Dark
Light

#FAB74C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ebf8ac;
  --color-2: #d4eb66;
  --color-3: #fab74c;
  --color-4: #f46018;
  --color-5: #aa3f3f;
}

SCSS

$color-1: #ebf8ac;
$color-2: #d4eb66;
$color-3: #fab74c;
$color-4: #f46018;
$color-5: #aa3f3f;

TAILWIND

colors: {
  'brand-1': '#ebf8ac',
  'brand-2': '#d4eb66',
  'brand-3': '#fab74c',
  'brand-4': '#f46018',
  'brand-5': '#aa3f3f',
}

RGB Array

[235, 248, 172], [212, 235, 102], [250, 183, 76], [244, 96, 24], [170, 63, 63]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EBF8AC, #D4EB66, #FAB74C, #F46018, #AA3F3F 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: #ebf8ac; --color-2: #d4eb66; --color-3: #fab74c; --color-4: #f46018; --color-5: #aa3f3f. 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