← Back to Editor

#E7C645 · #AA6D41 · #8FC6DA · #E5E0DA · #C8C49F

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#E7C645

Ginger · SandyBrown · Sunflower

HEX
#E7C645
RGB
rgb(231, 198, 69)
HSL
hsl(48, 77%, 59%)
HSB
hsb(48, 70%, 91%)
CMYK
cmyk(0%, 14%, 70%, 9%)
Oklch
oklch(83.2% 0.147 94.4)

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

#AA6D41

Tangerine · Sienna · Amber Brown

HEX
#AA6D41
RGB
rgb(170, 109, 65)
HSL
hsl(25, 45%, 46%)
HSB
hsb(25, 62%, 67%)
CMYK
cmyk(0%, 36%, 62%, 33%)
Oklch
oklch(59.1% 0.098 55.3)

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

#8FC6DA

Sky Blue · SkyBlue · Lake Green

HEX
#8FC6DA
RGB
rgb(143, 198, 218)
HSL
hsl(196, 50%, 71%)
HSB
hsb(196, 34%, 85%)
CMYK
cmyk(34%, 9%, 0%, 15%)
Oklch
oklch(79.5% 0.064 222.5)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#E5E0DA

Goose Yellow · LightGray · Peach Orange

HEX
#E5E0DA
RGB
rgb(229, 224, 218)
HSL
hsl(33, 17%, 88%)
HSB
hsb(33, 5%, 90%)
CMYK
cmyk(0%, 2%, 5%, 10%)
Oklch
oklch(90.9% 0.010 72.7)

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

#C8C49F

Fresh Green · Tan · Sunflower

HEX
#C8C49F
RGB
rgb(200, 196, 159)
HSL
hsl(54, 27%, 70%)
HSB
hsb(54, 21%, 78%)
CMYK
cmyk(0%, 2%, 21%, 22%)
Oklch
oklch(81.4% 0.050 102.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E7C645
4666E7

Analogous

E77646
E7C645
B7E746

Triadic

E7C645
46E7C7
C746E7

Split-Comp.

E7C645
46B7E7
7646E7

Tetradic

E7C645
46E776
4666E7
E746B7

Contrast Matrix WCAG 2.1 Contrast

E7C645
AA6D41
8FC6DA
E5E0DA
C8C49F
—
2.5
Fail
1.1
Fail
1.3
Fail
1.1
Fail
2.5
Fail
—
2.3
Fail
3.2
AA Large
2.4
Fail
1.1
Fail
2.3
Fail
—
1.4
Fail
1.1
Fail
1.3
Fail
3.2
AA Large
1.4
Fail
—
1.4
Fail
1.1
Fail
2.4
Fail
1.1
Fail
1.4
Fail
—
White BG
1.7Fail
4.2AA Large
1.9Fail
1.3Fail
1.8Fail
Black BG
12.6AAA
5.0AA
11.3AAA
16.0AAA
11.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D9D864
908F4C
A7A7D5
E3E3DB
C6C6A8

Deuteranopia

DBDD6C
93984E
A4A0D4
E3E4DC
C7C7AA

Tritanopia

E57D82
A75456
92D1D1
E5DDDD
C8AFB1

Achromatopsia

C1C1C1
7A7A7A
B8B8B8
E1E1E1
C1C1C1

Shades & Tints Shades & Tints

#E7C645

Dark
Light

#AA6D41

Dark
Light

#8FC6DA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e7c645;
  --color-2: #aa6d41;
  --color-3: #8fc6da;
  --color-4: #e5e0da;
  --color-5: #c8c49f;
}

SCSS

$color-1: #e7c645;
$color-2: #aa6d41;
$color-3: #8fc6da;
$color-4: #e5e0da;
$color-5: #c8c49f;

TAILWIND

colors: {
  'brand-1': '#e7c645',
  'brand-2': '#aa6d41',
  'brand-3': '#8fc6da',
  'brand-4': '#e5e0da',
  'brand-5': '#c8c49f',
}

RGB Array

[231, 198, 69], [170, 109, 65], [143, 198, 218], [229, 224, 218], [200, 196, 159]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E7C645, #AA6D41, #8FC6DA, #E5E0DA, #C8C49F is ideal for: health products, baby brands, fresh-style blogs, 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: #e7c645; --color-2: #aa6d41; --color-3: #8fc6da; --color-4: #e5e0da; --color-5: #c8c49f. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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