← Back to Editor

#47290F · #B13420 · #CD8A21 · #3CA795 · #D5C2A4

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#47290F

Tangerine · Maroon · Cinnamon

HEX
#47290F
RGB
rgb(71, 41, 15)
HSL
hsl(28, 65%, 17%)
HSB
hsb(28, 79%, 28%)
CMYK
cmyk(0%, 42%, 79%, 72%)
Oklch
oklch(31.4% 0.059 58.8)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#B13420

Vermilion · FireBrick · Passion Red

HEX
#B13420
RGB
rgb(177, 52, 32)
HSL
hsl(8, 69%, 41%)
HSB
hsb(8, 82%, 69%)
CMYK
cmyk(0%, 71%, 82%, 31%)
Oklch
oklch(51.1% 0.165 31.8)

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

#CD8A21

Ochre · GoldenRod · Amber Brown

HEX
#CD8A21
RGB
rgb(205, 138, 33)
HSL
hsl(37, 72%, 47%)
HSB
hsb(37, 84%, 80%)
CMYK
cmyk(0%, 33%, 84%, 20%)
Oklch
oklch(68.5% 0.137 72.2)

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

#3CA795

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#3CA795
RGB
rgb(60, 167, 149)
HSL
hsl(170, 47%, 45%)
HSB
hsb(170, 64%, 65%)
CMYK
cmyk(64%, 0%, 11%, 35%)
Oklch
oklch(66.2% 0.101 179.8)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#D5C2A4

Goose Yellow · Tan · Warm Sun

HEX
#D5C2A4
RGB
rgb(213, 194, 164)
HSL
hsl(37, 37%, 74%)
HSB
hsb(37, 23%, 84%)
CMYK
cmyk(0%, 9%, 23%, 16%)
Oklch
oklch(82.2% 0.046 79.2)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

47290F
0F2D48

Analogous

480F11
47290F
48460F

Triadic

47290F
0F4829
290F48

Split-Comp.

47290F
0F4846
0F1148

Tetradic

47290F
11480F
0F2D48
460F48

Contrast Matrix WCAG 2.1 Contrast

47290F
B13420
CD8A21
3CA795
D5C2A4
—
2.1
Fail
4.6
AA
4.5
AA Large
7.6
AAA
2.1
Fail
—
2.1
Fail
2.1
Fail
3.6
AA Large
4.6
AA
2.1
Fail
—
1.0
Fail
1.7
Fail
4.5
AA Large
2.1
Fail
1.0
Fail
—
1.7
Fail
7.6
AAA
3.6
AA Large
1.7
Fail
1.7
Fail
—
White BG
13.2AAA
6.2AA
2.9Fail
2.9Fail
1.7Fail
Black BG
1.6Fail
3.4AA Large
7.3AAA
7.2AAA
12.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3A3A15
7B7A25
B0AF3A
6A6B99
CDCDAB

Deuteranopia

3C3E17
828C26
B4B941
645C9A
CECFAD

Tritanopia

461A1B
AB292A
CA4E53
419D9E
D4B1B2

Achromatopsia

2F2F2F
575757
929292
858585
C4C4C4

Shades & Tints Shades & Tints

#47290F

Dark
Light

#B13420

Dark
Light

#CD8A21

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #47290f;
  --color-2: #b13420;
  --color-3: #cd8a21;
  --color-4: #3ca795;
  --color-5: #d5c2a4;
}

SCSS

$color-1: #47290f;
$color-2: #b13420;
$color-3: #cd8a21;
$color-4: #3ca795;
$color-5: #d5c2a4;

TAILWIND

colors: {
  'brand-1': '#47290f',
  'brand-2': '#b13420',
  'brand-3': '#cd8a21',
  'brand-4': '#3ca795',
  'brand-5': '#d5c2a4',
}

RGB Array

[71, 41, 15], [177, 52, 32], [205, 138, 33], [60, 167, 149], [213, 194, 164]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #47290F, #B13420, #CD8A21, #3CA795, #D5C2A4 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: #47290f; --color-2: #b13420; --color-3: #cd8a21; --color-4: #3ca795; --color-5: #d5c2a4. 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