← Back to Editor

#E6AC7E · #AA4166 · #E68862 · #EDEEB5 · #CB8E95

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E6AC7E

Apricot · BurlyWood · Warm Sun

HEX
#E6AC7E
RGB
rgb(230, 172, 126)
HSL
hsl(27, 68%, 70%)
HSB
hsb(27, 45%, 90%)
CMYK
cmyk(0%, 25%, 45%, 10%)
Oklch
oklch(78.8% 0.091 59.4)

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

#AA4166

Dark Violet · Sienna · Camellia

HEX
#AA4166
RGB
rgb(170, 65, 102)
HSL
hsl(339, 45%, 46%)
HSB
hsb(339, 62%, 67%)
CMYK
cmyk(0%, 62%, 40%, 33%)
Oklch
oklch(52.9% 0.142 1.3)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#E68862

Apricot · Salmon · Warm Sun

HEX
#E68862
RGB
rgb(230, 136, 98)
HSL
hsl(17, 73%, 64%)
HSB
hsb(17, 57%, 90%)
CMYK
cmyk(0%, 41%, 57%, 10%)
Oklch
oklch(71.9% 0.127 42.5)

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

#EDEEB5

Fresh Green · Wheat · Lemon Cream

HEX
#EDEEB5
RGB
rgb(237, 238, 181)
HSL
hsl(61, 63%, 82%)
HSB
hsb(61, 24%, 93%)
CMYK
cmyk(0%, 0%, 24%, 7%)
Oklch
oklch(93.5% 0.074 108.6)

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

#CB8E95

Peach Pink · Tan · Coral Red

HEX
#CB8E95
RGB
rgb(203, 142, 149)
HSL
hsl(353, 37%, 68%)
HSB
hsb(353, 30%, 80%)
CMYK
cmyk(0%, 30%, 27%, 20%)
Oklch
oklch(70.9% 0.075 11.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6AC7E
7EB8E7

Analogous

E77E84
E6AC7E
E7E17E

Triadic

E6AC7E
7EE7AD
AD7EE7

Split-Comp.

E6AC7E
7EE7E1
7E84E7

Tetradic

E6AC7E
84E77E
7EB8E7
E17EE7

Contrast Matrix WCAG 2.1 Contrast

E6AC7E
AA4166
E68862
EDEEB5
CB8E95
—
2.9
Fail
1.3
Fail
1.7
Fail
1.3
Fail
2.9
Fail
—
2.2
Fail
4.8
AA
2.1
Fail
1.3
Fail
2.2
Fail
—
2.2
Fail
1.0
Fail
1.7
Fail
4.8
AA
2.2
Fail
—
2.2
Fail
1.3
Fail
2.1
Fail
1.0
Fail
2.2
Fail
—
White BG
2.0Fail
5.7AA
2.6Fail
1.2Fail
2.7Fail
Black BG
10.6AAA
3.7AA Large
8.1AAA
17.5AAA
7.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CDCC89
7D7C5D
BDBC6B
EDEDC3
B1B093

Deuteranopia

D0D58C
838B5B
C3CA6D
EDEDC6
B4B993

Tritanopia

E39294
A55654
E17274
EDCED0
C89292

Achromatopsia

B8B8B8
656565
A0A0A0
E7E7E7
A1A1A1

Shades & Tints Shades & Tints

#E6AC7E

Dark
Light

#AA4166

Dark
Light

#E68862

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6ac7e;
  --color-2: #aa4166;
  --color-3: #e68862;
  --color-4: #edeeb5;
  --color-5: #cb8e95;
}

SCSS

$color-1: #e6ac7e;
$color-2: #aa4166;
$color-3: #e68862;
$color-4: #edeeb5;
$color-5: #cb8e95;

TAILWIND

colors: {
  'brand-1': '#e6ac7e',
  'brand-2': '#aa4166',
  'brand-3': '#e68862',
  'brand-4': '#edeeb5',
  'brand-5': '#cb8e95',
}

RGB Array

[230, 172, 126], [170, 65, 102], [230, 136, 98], [237, 238, 181], [203, 142, 149]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E6AC7E, #AA4166, #E68862, #EDEEB5, #CB8E95 is ideal for: health products, baby brands, fresh-style blogs. 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: #e6ac7e; --color-2: #aa4166; --color-3: #e68862; --color-4: #edeeb5; --color-5: #cb8e95. 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. 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