← Back to Editor

#DB7340 · #AF362B · #E3D5B2 · #A19460 · #F5DBB8

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

#DB7340

Tangerine · Chocolate · Warm Sun

HEX
#DB7340
RGB
rgb(219, 115, 64)
HSL
hsl(20, 68%, 55%)
HSB
hsb(20, 71%, 86%)
CMYK
cmyk(0%, 47%, 71%, 14%)
Oklch
oklch(66.6% 0.145 45.2)

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

#AF362B

Vermilion · Brown · Passion Red

HEX
#AF362B
RGB
rgb(175, 54, 43)
HSL
hsl(5, 61%, 43%)
HSB
hsb(5, 75%, 69%)
CMYK
cmyk(0%, 69%, 75%, 31%)
Oklch
oklch(51.1% 0.159 29.0)

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

#E3D5B2

Goose Yellow · Wheat · Lemon Cream

HEX
#E3D5B2
RGB
rgb(227, 213, 178)
HSL
hsl(43, 47%, 79%)
HSB
hsb(43, 22%, 89%)
CMYK
cmyk(0%, 6%, 22%, 11%)
Oklch
oklch(87.5% 0.049 88.8)

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

#A19460

Ochre · Gray · Honey Gold

HEX
#A19460
RGB
rgb(161, 148, 96)
HSL
hsl(48, 26%, 50%)
HSB
hsb(48, 40%, 63%)
CMYK
cmyk(0%, 8%, 40%, 37%)
Oklch
oklch(66.5% 0.072 95.8)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#F5DBB8

Goose Yellow · Wheat · Peach Orange

HEX
#F5DBB8
RGB
rgb(245, 219, 184)
HSL
hsl(34, 75%, 84%)
HSB
hsb(34, 25%, 96%)
CMYK
cmyk(0%, 11%, 25%, 4%)
Oklch
oklch(90.4% 0.054 75.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DB7340
3EA6DA

Analogous

DA3E58
DB7340
DAC03E

Triadic

DB7340
3EDA72
723EDA

Split-Comp.

DB7340
3EDAC0
3E58DA

Tetradic

DB7340
58DA3E
3EA6DA
C03EDA

Contrast Matrix WCAG 2.1 Contrast

DB7340
AF362B
E3D5B2
A19460
F5DBB8
—
1.9
Fail
2.2
Fail
1.1
Fail
2.4
Fail
1.9
Fail
—
4.3
AA Large
2.0
Fail
4.6
AA
2.2
Fail
4.3
AA Large
—
2.1
Fail
1.1
Fail
1.1
Fail
2.0
Fail
2.1
Fail
—
2.3
Fail
2.4
Fail
4.6
AA
1.1
Fail
2.3
Fail
—
White BG
3.2AA Large
6.2AA
1.5Fail
3.0AA Large
1.3Fail
Black BG
6.5AA
3.4AA Large
14.4AAA
6.9AA
15.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AEAD4C
7B7A2E
DDDDBA
9B9B6D
EAEAC0

Deuteranopia

B4BC4F
828B2E
DEDFBD
9C9D70
EBEDC3

Tritanopia

D65658
A93030
E2C1C3
A07779
F4C7C9

Achromatopsia

8C8C8C
595959
D5D5D5
929292
DFDFDF

Shades & Tints Shades & Tints

#DB7340

Dark
Light

#AF362B

Dark
Light

#E3D5B2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #db7340;
  --color-2: #af362b;
  --color-3: #e3d5b2;
  --color-4: #a19460;
  --color-5: #f5dbb8;
}

SCSS

$color-1: #db7340;
$color-2: #af362b;
$color-3: #e3d5b2;
$color-4: #a19460;
$color-5: #f5dbb8;

TAILWIND

colors: {
  'brand-1': '#db7340',
  'brand-2': '#af362b',
  'brand-3': '#e3d5b2',
  'brand-4': '#a19460',
  'brand-5': '#f5dbb8',
}

RGB Array

[219, 115, 64], [175, 54, 43], [227, 213, 178], [161, 148, 96], [245, 219, 184]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DB7340, #AF362B, #E3D5B2, #A19460, #F5DBB8 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: #db7340; --color-2: #af362b; --color-3: #e3d5b2; --color-4: #a19460; --color-5: #f5dbb8. 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