← Back to Editor

#799471 · #A39B77 · #E6A087 · #D05B6B · #F0D2AE

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 Library

Color Details Color Details

#799471

Celadon · Gray · Olive Green

HEX
#799471
RGB
rgb(121, 148, 113)
HSL
hsl(106, 14%, 51%)
HSB
hsb(106, 24%, 58%)
CMYK
cmyk(18%, 0%, 24%, 42%)
Oklch
oklch(63.6% 0.060 138.6)

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

#A39B77

Ginger · Gray · Sunflower

HEX
#A39B77
RGB
rgb(163, 155, 119)
HSL
hsl(49, 19%, 55%)
HSB
hsb(49, 27%, 64%)
CMYK
cmyk(0%, 5%, 27%, 36%)
Oklch
oklch(68.7% 0.051 97.0)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#E6A087

Apricot · DarkSalmon · Warm Sun

HEX
#E6A087
RGB
rgb(230, 160, 135)
HSL
hsl(16, 66%, 72%)
HSB
hsb(16, 41%, 90%)
CMYK
cmyk(0%, 30%, 41%, 10%)
Oklch
oklch(76.8% 0.091 40.5)

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

#D05B6B

Crimson · LightCoral · Passion Red

HEX
#D05B6B
RGB
rgb(208, 91, 107)
HSL
hsl(352, 55%, 59%)
HSB
hsb(352, 56%, 82%)
CMYK
cmyk(0%, 56%, 49%, 18%)
Oklch
oklch(62.2% 0.148 14.1)

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

#F0D2AE

Goose Yellow · Wheat · Peach Orange

HEX
#F0D2AE
RGB
rgb(240, 210, 174)
HSL
hsl(33, 69%, 81%)
HSB
hsb(33, 27%, 94%)
CMYK
cmyk(0%, 13%, 27%, 6%)
Oklch
oklch(88.0% 0.058 72.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

799471
8B7194

Analogous

8A9471
799471
71947A

Triadic

799471
717994
947179

Split-Comp.

799471
7A7194
94718A

Tetradic

799471
718A94
8B7194
947A71

Contrast Matrix WCAG 2.1 Contrast

799471
A39B77
E6A087
D05B6B
F0D2AE
—
1.2
Fail
1.5
Fail
1.2
Fail
2.3
Fail
1.2
Fail
—
1.3
Fail
1.4
Fail
1.9
Fail
1.5
Fail
1.3
Fail
—
1.8
Fail
1.5
Fail
1.2
Fail
1.4
Fail
1.8
Fail
—
2.7
Fail
2.3
Fail
1.9
Fail
1.5
Fail
2.7
Fail
—
White BG
3.3AA Large
2.8Fail
2.2Fail
3.9AA Large
1.4Fail
Black BG
6.3AA
7.5AAA
9.7AAA
5.4AA
14.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

858579
A09F80
C8C78D
9D9C67
E3E3B7

Deuteranopia

83817C
A0A182
CCD18F
A4AD66
E5E7B9

Tritanopia

7A8082
A38788
E39293
CA6463
EFBEBF

Achromatopsia

888888
999999
B2B2B2
808080
D7D7D7

Shades & Tints Shades & Tints

#799471

Dark
Light

#A39B77

Dark
Light

#E6A087

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #799471;
  --color-2: #a39b77;
  --color-3: #e6a087;
  --color-4: #d05b6b;
  --color-5: #f0d2ae;
}

SCSS

$color-1: #799471;
$color-2: #a39b77;
$color-3: #e6a087;
$color-4: #d05b6b;
$color-5: #f0d2ae;

TAILWIND

colors: {
  'brand-1': '#799471',
  'brand-2': '#a39b77',
  'brand-3': '#e6a087',
  'brand-4': '#d05b6b',
  'brand-5': '#f0d2ae',
}

RGB Array

[121, 148, 113], [163, 155, 119], [230, 160, 135], [208, 91, 107], [240, 210, 174]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #799471, #A39B77, #E6A087, #D05B6B, #F0D2AE 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: #799471; --color-2: #a39b77; --color-3: #e6a087; --color-4: #d05b6b; --color-5: #f0d2ae. 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