← Back to Editor

#794141 · #EB5E50 · #FFFED8 · #B5B756 · #62634E

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

#794141

Crimson · Sienna · Wine Red

HEX
#794141
RGB
rgb(121, 65, 65)
HSL
hsl(0, 30%, 36%)
HSB
hsb(0, 46%, 47%)
CMYK
cmyk(0%, 46%, 46%, 53%)
Oklch
oklch(44.4% 0.078 20.7)

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

#EB5E50

Peach Pink · Tomato · Coral Red

HEX
#EB5E50
RGB
rgb(235, 94, 80)
HSL
hsl(5, 79%, 62%)
HSB
hsb(5, 66%, 92%)
CMYK
cmyk(0%, 60%, 66%, 8%)
Oklch
oklch(66.1% 0.177 28.5)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FFFED8

Fresh Green · LightYellow · Lemon Cream

HEX
#FFFED8
RGB
rgb(255, 254, 216)
HSL
hsl(58, 100%, 92%)
HSB
hsb(58, 15%, 100%)
CMYK
cmyk(0%, 0%, 15%, 0%)
Oklch
oklch(98.8% 0.049 106.0)

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

#B5B756

Autumn Sage · Tan · Sunflower

HEX
#B5B756
RGB
rgb(181, 183, 86)
HSL
hsl(61, 40%, 53%)
HSB
hsb(61, 53%, 72%)
CMYK
cmyk(1%, 0%, 53%, 28%)
Oklch
oklch(75.8% 0.121 110.0)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#62634E

Autumn Sage · DimGray · Honey Gold

HEX
#62634E
RGB
rgb(98, 99, 78)
HSL
hsl(63, 12%, 35%)
HSB
hsb(63, 21%, 39%)
CMYK
cmyk(1%, 0%, 21%, 61%)
Oklch
oklch(49.3% 0.032 109.8)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

794141
407777

Analogous

77405C
794141
775C40

Triadic

794141
407740
404077

Split-Comp.

794141
40775C
405C77

Tetradic

794141
5C7740
407777
5C4077

Contrast Matrix WCAG 2.1 Contrast

794141
EB5E50
FFFED8
B5B756
62634E
—
2.4
Fail
7.7
AAA
3.7
AA Large
1.3
Fail
2.4
Fail
—
3.3
AA Large
1.6
Fail
1.8
Fail
7.7
AAA
3.3
AA Large
—
2.1
Fail
6.0
AA
3.7
AA Large
1.6
Fail
2.1
Fail
—
2.9
Fail
1.3
Fail
1.8
Fail
6.0
AA
2.9
Fail
—
White BG
7.9AAA
3.4AA Large
1.0Fail
2.1Fail
6.2AA
Black BG
2.6Fail
6.2AA
20.4AAA
9.9AAA
3.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

616041
AEAD53
FFFFE1
B6B66D
626253

Deuteranopia

646841
B6C154
FFFFE3
B6B673
626254

Tritanopia

764141
E45657
FFE8EA
B58084
625758

Achromatopsia

525252
878787
FAFAFA
ABABAB
606060

Shades & Tints Shades & Tints

#794141

Dark
Light

#EB5E50

Dark
Light

#FFFED8

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #794141;
  --color-2: #eb5e50;
  --color-3: #fffed8;
  --color-4: #b5b756;
  --color-5: #62634e;
}

SCSS

$color-1: #794141;
$color-2: #eb5e50;
$color-3: #fffed8;
$color-4: #b5b756;
$color-5: #62634e;

TAILWIND

colors: {
  'brand-1': '#794141',
  'brand-2': '#eb5e50',
  'brand-3': '#fffed8',
  'brand-4': '#b5b756',
  'brand-5': '#62634e',
}

RGB Array

[121, 65, 65], [235, 94, 80], [255, 254, 216], [181, 183, 86], [98, 99, 78]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #794141, #EB5E50, #FFFED8, #B5B756, #62634E 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: #794141; --color-2: #eb5e50; --color-3: #fffed8; --color-4: #b5b756; --color-5: #62634e. 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