← Back to Editor

#E68349 · #BE7C56 · #AC9981 · #A1BA9C · #94E2C0

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 Library

Color Details Color Details

#E68349

Tangerine · Coral · Warm Sun

HEX
#E68349
RGB
rgb(230, 131, 73)
HSL
hsl(22, 76%, 59%)
HSB
hsb(22, 68%, 90%)
CMYK
cmyk(0%, 43%, 68%, 10%)
Oklch
oklch(70.7% 0.142 49.3)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#BE7C56

Tangerine · DarkSalmon · Warm Sun

HEX
#BE7C56
RGB
rgb(190, 124, 86)
HSL
hsl(22, 44%, 54%)
HSB
hsb(22, 55%, 75%)
CMYK
cmyk(0%, 35%, 55%, 25%)
Oklch
oklch(64.7% 0.098 50.3)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#AC9981

Ginger · DarkGray · Warm Sun

HEX
#AC9981
RGB
rgb(172, 153, 129)
HSL
hsl(33, 21%, 59%)
HSB
hsb(33, 25%, 67%)
CMYK
cmyk(0%, 11%, 25%, 33%)
Oklch
oklch(69.3% 0.041 73.5)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#A1BA9C

Celadon · DarkSeaGreen · Apple Green

HEX
#A1BA9C
RGB
rgb(161, 186, 156)
HSL
hsl(110, 18%, 67%)
HSB
hsb(110, 16%, 73%)
CMYK
cmyk(13%, 0%, 16%, 27%)
Oklch
oklch(76.2% 0.050 140.4)

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

#94E2C0

Jade · LightBlue · Apple Green

HEX
#94E2C0
RGB
rgb(148, 226, 192)
HSL
hsl(154, 57%, 73%)
HSB
hsb(154, 35%, 89%)
CMYK
cmyk(35%, 0%, 15%, 11%)
Oklch
oklch(85.3% 0.091 165.1)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E68349
47ACE6

Analogous

E6475C
E68349
E6D147

Triadic

E68349
47E681
8147E6

Split-Comp.

E68349
47E6D1
475CE6

Tetradic

E68349
5CE647
47ACE6
D147E6

Contrast Matrix WCAG 2.1 Contrast

E68349
BE7C56
AC9981
A1BA9C
94E2C0
—
1.2
Fail
1.0
Fail
1.3
Fail
1.8
Fail
1.2
Fail
—
1.2
Fail
1.6
Fail
2.2
Fail
1.0
Fail
1.2
Fail
—
1.3
Fail
1.8
Fail
1.3
Fail
1.6
Fail
1.3
Fail
—
1.4
Fail
1.8
Fail
2.2
Fail
1.8
Fail
1.4
Fail
—
White BG
2.7Fail
3.4AA Large
2.8Fail
2.1Fail
1.5Fail
Black BG
7.7AAA
6.2AA
7.6AAA
10.0AAA
13.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BBBA57
A1A15F
A4A487
ACACA3
B6B6C8

Deuteranopia

C1C85A
A5AA61
A5A688
AAA9A5
B1ABCA

Tritanopia

E16265
BB6668
AB8B8C
A2A9AA
98CFD0

Achromatopsia

9A9A9A
8B8B8B
9C9C9C
AFAFAF
C7C7C7

Shades & Tints Shades & Tints

#E68349

Dark
Light

#BE7C56

Dark
Light

#AC9981

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e68349;
  --color-2: #be7c56;
  --color-3: #ac9981;
  --color-4: #a1ba9c;
  --color-5: #94e2c0;
}

SCSS

$color-1: #e68349;
$color-2: #be7c56;
$color-3: #ac9981;
$color-4: #a1ba9c;
$color-5: #94e2c0;

TAILWIND

colors: {
  'brand-1': '#e68349',
  'brand-2': '#be7c56',
  'brand-3': '#ac9981',
  'brand-4': '#a1ba9c',
  'brand-5': '#94e2c0',
}

RGB Array

[230, 131, 73], [190, 124, 86], [172, 153, 129], [161, 186, 156], [148, 226, 192]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E68349, #BE7C56, #AC9981, #A1BA9C, #94E2C0 is ideal for: corporate websites, product showcases, portfolios. 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: #e68349; --color-2: #be7c56; --color-3: #ac9981; --color-4: #a1ba9c; --color-5: #94e2c0. 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. 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