← Back to Editor

#472D25 · #5B7051 · #B5C493 · #FFEDAB · #701C24

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

#472D25

Crimson · DarkSlateGray · Wine Red

HEX
#472D25
RGB
rgb(71, 45, 37)
HSL
hsl(14, 31%, 21%)
HSB
hsb(14, 48%, 28%)
CMYK
cmyk(0%, 37%, 48%, 72%)
Oklch
oklch(32.6% 0.041 37.8)

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

#5B7051

Celadon · DimGray · Forest Green

HEX
#5B7051
RGB
rgb(91, 112, 81)
HSL
hsl(101, 16%, 38%)
HSB
hsb(101, 28%, 44%)
CMYK
cmyk(19%, 0%, 28%, 56%)
Oklch
oklch(51.9% 0.054 135.7)

Traditional「Celadon」· Paint「Forest Green」· Creative Blush Sunrise

#B5C493

Willow Green · Tan · Apple Green

HEX
#B5C493
RGB
rgb(181, 196, 147)
HSL
hsl(78, 29%, 67%)
HSB
hsb(78, 25%, 77%)
CMYK
cmyk(8%, 0%, 25%, 23%)
Oklch
oklch(79.6% 0.068 121.8)

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

#FFEDAB

Goose Yellow · Wheat · Lemon Cream

HEX
#FFEDAB
RGB
rgb(255, 237, 171)
HSL
hsl(47, 100%, 84%)
HSB
hsb(47, 33%, 100%)
CMYK
cmyk(0%, 7%, 33%, 0%)
Oklch
oklch(94.5% 0.086 94.7)

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

#701C24

Crimson · Maroon · Wine Red

HEX
#701C24
RGB
rgb(112, 28, 36)
HSL
hsl(354, 60%, 27%)
HSB
hsb(354, 75%, 44%)
CMYK
cmyk(0%, 75%, 68%, 56%)
Oklch
oklch(36.8% 0.117 20.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

472D25
253E46

Analogous

46252E
472D25
463D25

Triadic

472D25
25462D
2D2546

Split-Comp.

472D25
25463D
252E46

Tetradic

472D25
2E4625
253E46
3D2546

Contrast Matrix WCAG 2.1 Contrast

472D25
5B7051
B5C493
FFEDAB
701C24
—
2.3
Fail
6.8
AA
10.8
AAA
1.1
Fail
2.3
Fail
—
2.9
Fail
4.6
AA
2.1
Fail
6.8
AA
2.9
Fail
—
1.6
Fail
6.0
AA
10.8
AAA
4.6
AA
1.6
Fail
—
9.5
AAA
1.1
Fail
2.1
Fail
6.0
AA
9.5
AAA
—
White BG
12.6AAA
5.4AA
1.9Fail
1.2Fail
11.2AAA
Black BG
1.7Fail
3.9AA Large
11.3AAA
18.0AAA
1.9Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

3C3C27
646459
BBBC9F
F7F7BB
4C4B22

Deuteranopia

3D3F27
63615A
BBBAA2
F8FABF
515722

Tritanopia

462829
5C5E60
B6A8AA
FEC8CA
6C2120

Achromatopsia

343434
666666
BABABA
EBEBEB
363636

Shades & Tints Shades & Tints

#472D25

Dark
Light

#5B7051

Dark
Light

#B5C493

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #472d25;
  --color-2: #5b7051;
  --color-3: #b5c493;
  --color-4: #ffedab;
  --color-5: #701c24;
}

SCSS

$color-1: #472d25;
$color-2: #5b7051;
$color-3: #b5c493;
$color-4: #ffedab;
$color-5: #701c24;

TAILWIND

colors: {
  'brand-1': '#472d25',
  'brand-2': '#5b7051',
  'brand-3': '#b5c493',
  'brand-4': '#ffedab',
  'brand-5': '#701c24',
}

RGB Array

[71, 45, 37], [91, 112, 81], [181, 196, 147], [255, 237, 171], [112, 28, 36]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #472D25, #5B7051, #B5C493, #FFEDAB, #701C24 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: #472d25; --color-2: #5b7051; --color-3: #b5c493; --color-4: #ffedab; --color-5: #701c24. 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