← Back to Editor

#544540 · #8C5250 · #B3675A · #E29C7A · #F3D39A

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

#544540

Tangerine · DarkSlateGray · Amber Brown

HEX
#544540
RGB
rgb(84, 69, 64)
HSL
hsl(15, 14%, 29%)
HSB
hsb(15, 24%, 33%)
CMYK
cmyk(0%, 18%, 24%, 67%)
Oklch
oklch(40.4% 0.022 39.3)

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

#8C5250

Crimson · Sienna · Passion Red

HEX
#8C5250
RGB
rgb(140, 82, 80)
HSL
hsl(2, 27%, 43%)
HSB
hsb(2, 43%, 55%)
CMYK
cmyk(0%, 41%, 43%, 45%)
Oklch
oklch(50.5% 0.078 22.3)

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

#B3675A

Crimson · Sienna · Passion Red

HEX
#B3675A
RGB
rgb(179, 103, 90)
HSL
hsl(9, 37%, 53%)
HSB
hsb(9, 50%, 70%)
CMYK
cmyk(0%, 42%, 50%, 30%)
Oklch
oklch(59.6% 0.100 30.6)

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

#E29C7A

Apricot · DarkSalmon · Warm Sun

HEX
#E29C7A
RGB
rgb(226, 156, 122)
HSL
hsl(20, 64%, 68%)
HSB
hsb(20, 46%, 89%)
CMYK
cmyk(0%, 31%, 46%, 11%)
Oklch
oklch(75.3% 0.096 46.7)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#F3D39A

Goose Yellow · Khaki · Peach Orange

HEX
#F3D39A
RGB
rgb(243, 211, 154)
HSL
hsl(38, 79%, 78%)
HSB
hsb(38, 37%, 95%)
CMYK
cmyk(0%, 13%, 37%, 5%)
Oklch
oklch(88.1% 0.081 81.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

544540
404F54

Analogous

544045
544540
544F40

Triadic

544540
405445
454054

Split-Comp.

544540
40544F
404554

Tetradic

544540
455440
404F54
4F4054

Contrast Matrix WCAG 2.1 Contrast

544540
8C5250
B3675A
E29C7A
F3D39A
—
1.5
Fail
2.2
Fail
4.0
AA Large
6.3
AA
1.5
Fail
—
1.5
Fail
2.7
Fail
4.2
AA Large
2.2
Fail
1.5
Fail
—
1.9
Fail
2.9
Fail
4.0
AA Large
2.7
Fail
1.9
Fail
—
1.6
Fail
6.3
AA
4.2
AA Large
2.9
Fail
1.6
Fail
—
White BG
9.1AAA
6.1AA
4.2AA Large
2.3Fail
1.4Fail
Black BG
2.3Fail
3.4AA Large
5.0AA
9.3AAA
14.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4E4D41
737250
92915D
C4C382
E5E5A8

Deuteranopia

4E5042
767B51
979C5E
C8CD84
E7E9AB

Tritanopia

534242
895151
AF6060
DF898A
F1B3B5

Achromatopsia

494949
636363
7C7C7C
ADADAD
D6D6D6

Shades & Tints Shades & Tints

#544540

Dark
Light

#8C5250

Dark
Light

#B3675A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #544540;
  --color-2: #8c5250;
  --color-3: #b3675a;
  --color-4: #e29c7a;
  --color-5: #f3d39a;
}

SCSS

$color-1: #544540;
$color-2: #8c5250;
$color-3: #b3675a;
$color-4: #e29c7a;
$color-5: #f3d39a;

TAILWIND

colors: {
  'brand-1': '#544540',
  'brand-2': '#8c5250',
  'brand-3': '#b3675a',
  'brand-4': '#e29c7a',
  'brand-5': '#f3d39a',
}

RGB Array

[84, 69, 64], [140, 82, 80], [179, 103, 90], [226, 156, 122], [243, 211, 154]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #544540, #8C5250, #B3675A, #E29C7A, #F3D39A 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: #544540; --color-2: #8c5250; --color-3: #b3675a; --color-4: #e29c7a; --color-5: #f3d39a. 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