← Back to Editor

#470A2C · #723E50 · #A9826C · #DABD80 · #F1E5A1

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

#470A2C

Rose Purple · Maroon · Raspberry

HEX
#470A2C
RGB
rgb(71, 10, 44)
HSL
hsl(327, 75%, 16%)
HSB
hsb(327, 86%, 28%)
CMYK
cmyk(0%, 86%, 38%, 72%)
Oklch
oklch(27.2% 0.097 351.7)

Traditional「Rose Purple」· Paint「Raspberry」· Creative Blush Sunrise

#723E50

Dark Violet · DimGray · Camellia

HEX
#723E50
RGB
rgb(114, 62, 80)
HSL
hsl(339, 30%, 35%)
HSB
hsb(339, 46%, 45%)
CMYK
cmyk(0%, 46%, 30%, 55%)
Oklch
oklch(43.3% 0.076 358.6)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#A9826C

Tangerine · Gray · Warm Sun

HEX
#A9826C
RGB
rgb(169, 130, 108)
HSL
hsl(22, 26%, 54%)
HSB
hsb(22, 36%, 66%)
CMYK
cmyk(0%, 23%, 36%, 34%)
Oklch
oklch(63.8% 0.058 50.8)

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

#DABD80

Ginger · BurlyWood · Sunflower

HEX
#DABD80
RGB
rgb(218, 189, 128)
HSL
hsl(41, 55%, 68%)
HSB
hsb(41, 41%, 85%)
CMYK
cmyk(0%, 13%, 41%, 15%)
Oklch
oklch(80.9% 0.085 85.2)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#F1E5A1

Fresh Green · Wheat · Lemon Cream

HEX
#F1E5A1
RGB
rgb(241, 229, 161)
HSL
hsl(51, 74%, 79%)
HSB
hsb(51, 33%, 95%)
CMYK
cmyk(0%, 5%, 33%, 5%)
Oklch
oklch(91.6% 0.087 99.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

470A2C
0A4726

Analogous

440A47
470A2C
470A0D

Triadic

470A2C
2C470A
0A2C47

Split-Comp.

470A2C
0D470A
0A4744

Tetradic

470A2C
47440A
0A4726
0A0D47

Contrast Matrix WCAG 2.1 Contrast

470A2C
723E50
A9826C
DABD80
F1E5A1
—
1.9
Fail
4.5
AA
8.6
AAA
12.2
AAA
1.9
Fail
—
2.4
Fail
4.6
AA
6.5
AA
4.5
AA
2.4
Fail
—
1.9
Fail
2.7
Fail
8.6
AAA
4.6
AA
1.9
Fail
—
1.4
Fail
12.2
AAA
6.5
AA
2.7
Fail
1.4
Fail
—
White BG
15.6AAA
8.3AAA
3.4AA Large
1.8Fail
1.3Fail
Black BG
1.3Fail
2.5Fail
6.1AA
11.6AAA
16.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

2D2C24
5B5B4C
989871
CDCD8F
ECECB1

Deuteranopia

303522
5F624B
9A9D73
CFD192
EDEDB5

Tritanopia

441D1C
6F4847
A77676
D99A9D
F0BEC1

Achromatopsia

202020
505050
8B8B8B
BFBFBF
E1E1E1

Shades & Tints Shades & Tints

#470A2C

Dark
Light

#723E50

Dark
Light

#A9826C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #470a2c;
  --color-2: #723e50;
  --color-3: #a9826c;
  --color-4: #dabd80;
  --color-5: #f1e5a1;
}

SCSS

$color-1: #470a2c;
$color-2: #723e50;
$color-3: #a9826c;
$color-4: #dabd80;
$color-5: #f1e5a1;

TAILWIND

colors: {
  'brand-1': '#470a2c',
  'brand-2': '#723e50',
  'brand-3': '#a9826c',
  'brand-4': '#dabd80',
  'brand-5': '#f1e5a1',
}

RGB Array

[71, 10, 44], [114, 62, 80], [169, 130, 108], [218, 189, 128], [241, 229, 161]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #470A2C, #723E50, #A9826C, #DABD80, #F1E5A1 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: #470a2c; --color-2: #723e50; --color-3: #a9826c; --color-4: #dabd80; --color-5: #f1e5a1. 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