← Back to Editor

#493F39 · #97807A · #E5C0BA · #E8DAB3 · #EBF4AB

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

#493F39

Tangerine · DarkSlateGray · Cinnamon

HEX
#493F39
RGB
rgb(73, 63, 57)
HSL
hsl(23, 12%, 25%)
HSB
hsb(23, 22%, 29%)
CMYK
cmyk(0%, 14%, 22%, 71%)
Oklch
oklch(37.6% 0.017 52.9)

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

#97807A

Crimson · Gray · Passion Red

HEX
#97807A
RGB
rgb(151, 128, 122)
HSL
hsl(12, 12%, 54%)
HSB
hsb(12, 19%, 59%)
CMYK
cmyk(0%, 15%, 19%, 41%)
Oklch
oklch(61.9% 0.030 35.0)

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

#E5C0BA

Peach Pink · LightPink · Cherry Blossom

HEX
#E5C0BA
RGB
rgb(229, 192, 186)
HSL
hsl(8, 45%, 81%)
HSB
hsb(8, 19%, 90%)
CMYK
cmyk(0%, 16%, 19%, 10%)
Oklch
oklch(83.8% 0.043 28.8)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#E8DAB3

Goose Yellow · Wheat · Lemon Cream

HEX
#E8DAB3
RGB
rgb(232, 218, 179)
HSL
hsl(44, 54%, 81%)
HSB
hsb(44, 23%, 91%)
CMYK
cmyk(0%, 6%, 23%, 9%)
Oklch
oklch(89.0% 0.054 90.6)

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

#EBF4AB

Fresh Green · Wheat · Lemon Cream

HEX
#EBF4AB
RGB
rgb(235, 244, 171)
HSL
hsl(67, 77%, 81%)
HSB
hsb(67, 30%, 96%)
CMYK
cmyk(4%, 0%, 30%, 4%)
Oklch
oklch(94.3% 0.094 113.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

493F39
384247

Analogous

47383A
493F39
474638

Triadic

493F39
38473E
3E3847

Split-Comp.

493F39
384746
383A47

Tetradic

493F39
3A4738
384247
463847

Contrast Matrix WCAG 2.1 Contrast

493F39
97807A
E5C0BA
E8DAB3
EBF4AB
—
2.8
Fail
6.1
AA
7.4
AAA
8.8
AAA
2.8
Fail
—
2.2
Fail
2.7
Fail
3.2
AA Large
6.1
AA
2.2
Fail
—
1.2
Fail
1.4
Fail
7.4
AAA
2.7
Fail
1.2
Fail
—
1.2
Fail
8.8
AAA
3.2
AA Large
1.4
Fail
1.2
Fail
—
White BG
10.2AAA
3.7AA Large
1.7Fail
1.4Fail
1.2Fail
Black BG
2.1Fail
5.7AA
12.6AAA
15.1AAA
18.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

45453A
8D8D7B
D5D5BB
E2E2BC
EFEFBD

Deuteranopia

45463B
8E907C
D7DABC
E3E4BF
EEEEC1

Tritanopia

493C3C
967D7D
E3BDBD
E7C4C6
EBCBCE

Achromatopsia

414141
868686
CACACA
DADADA
E9E9E9

Shades & Tints Shades & Tints

#493F39

Dark
Light

#97807A

Dark
Light

#E5C0BA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #493f39;
  --color-2: #97807a;
  --color-3: #e5c0ba;
  --color-4: #e8dab3;
  --color-5: #ebf4ab;
}

SCSS

$color-1: #493f39;
$color-2: #97807a;
$color-3: #e5c0ba;
$color-4: #e8dab3;
$color-5: #ebf4ab;

TAILWIND

colors: {
  'brand-1': '#493f39',
  'brand-2': '#97807a',
  'brand-3': '#e5c0ba',
  'brand-4': '#e8dab3',
  'brand-5': '#ebf4ab',
}

RGB Array

[73, 63, 57], [151, 128, 122], [229, 192, 186], [232, 218, 179], [235, 244, 171]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #493F39, #97807A, #E5C0BA, #E8DAB3, #EBF4AB 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: #493f39; --color-2: #97807a; --color-3: #e5c0ba; --color-4: #e8dab3; --color-5: #ebf4ab. 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