← Back to Editor

#F4F3DB · #A0936D · #E5D796 · #E99D19 · #DD6918

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#F4F3DB

Fresh Green · Beige · Lemon Cream

HEX
#F4F3DB
RGB
rgb(244, 243, 219)
HSL
hsl(58, 53%, 91%)
HSB
hsb(58, 10%, 96%)
CMYK
cmyk(0%, 0%, 10%, 4%)
Oklch
oklch(95.9% 0.032 105.0)

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

#A0936D

Ginger · Gray · Sunflower

HEX
#A0936D
RGB
rgb(160, 147, 109)
HSL
hsl(45, 21%, 53%)
HSB
hsb(45, 32%, 63%)
CMYK
cmyk(0%, 8%, 32%, 37%)
Oklch
oklch(66.5% 0.055 91.4)

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

#E5D796

Goose Yellow · Khaki · Sunflower

HEX
#E5D796
RGB
rgb(229, 215, 150)
HSL
hsl(49, 60%, 74%)
HSB
hsb(49, 34%, 90%)
CMYK
cmyk(0%, 6%, 34%, 10%)
Oklch
oklch(87.5% 0.085 97.5)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#E99D19

Ginger · GoldenRod · Warm Sun

HEX
#E99D19
RGB
rgb(233, 157, 25)
HSL
hsl(38, 83%, 51%)
HSB
hsb(38, 89%, 91%)
CMYK
cmyk(0%, 33%, 89%, 9%)
Oklch
oklch(75.3% 0.155 73.2)

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

#DD6918

Tangerine · Chocolate · Amber Brown

HEX
#DD6918
RGB
rgb(221, 105, 24)
HSL
hsl(25, 80%, 48%)
HSB
hsb(25, 89%, 87%)
CMYK
cmyk(0%, 52%, 89%, 13%)
Oklch
oklch(65.0% 0.167 48.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F4F3DB
DCDDF4

Analogous

F4E7DC
F4F3DB
E9F4DC

Triadic

F4F3DB
DCF4F3
F3DCF4

Split-Comp.

F4F3DB
DCE9F4
E7DCF4

Tetradic

F4F3DB
DCF4E7
DCDDF4
F4DCE9

Contrast Matrix WCAG 2.1 Contrast

F4F3DB
A0936D
E5D796
E99D19
DD6918
—
2.7
Fail
1.3
Fail
2.0
Fail
3.1
AA Large
2.7
Fail
—
2.1
Fail
1.4
Fail
1.1
Fail
1.3
Fail
2.1
Fail
—
1.6
Fail
2.4
Fail
2.0
Fail
1.4
Fail
1.6
Fail
—
1.5
Fail
3.1
AA Large
1.1
Fail
2.4
Fail
1.5
Fail
—
White BG
1.1Fail
3.0AA Large
1.4Fail
2.3Fail
3.4AA Large
Black BG
18.7AAA
6.9AA
14.5AAA
9.3AAA
6.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F4F4E1
9A9A76
DFDFA6
C8C739
ABAA2C

Deuteranopia

F4F4E2
9B9C78
E0E1AA
CDD241
B2BA30

Tritanopia

F4E5E6
9F7D7F
E4B2B5
E55258
D73B3E

Achromatopsia

F1F1F1
939393
D4D4D4
A5A5A5
828282

Shades & Tints Shades & Tints

#F4F3DB

Dark
Light

#A0936D

Dark
Light

#E5D796

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f4f3db;
  --color-2: #a0936d;
  --color-3: #e5d796;
  --color-4: #e99d19;
  --color-5: #dd6918;
}

SCSS

$color-1: #f4f3db;
$color-2: #a0936d;
$color-3: #e5d796;
$color-4: #e99d19;
$color-5: #dd6918;

TAILWIND

colors: {
  'brand-1': '#f4f3db',
  'brand-2': '#a0936d',
  'brand-3': '#e5d796',
  'brand-4': '#e99d19',
  'brand-5': '#dd6918',
}

RGB Array

[244, 243, 219], [160, 147, 109], [229, 215, 150], [233, 157, 25], [221, 105, 24]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F4F3DB, #A0936D, #E5D796, #E99D19, #DD6918 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #f4f3db; --color-2: #a0936d; --color-3: #e5d796; --color-4: #e99d19; --color-5: #dd6918. 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 tech, SaaS, healthcare, eco industries. 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