#A36F6D + #EB9A9B + #EBC79B + #E7F99C + #479C9F - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A36F6D

Crimson · Gray · Passion Red

HEX

#A36F6D

RGB

rgb(163, 111, 109)

HSL

hsl(2, 23%, 53%)

HSB

hsb(2, 33%, 64%)

CMYK

cmyk(0%, 32%, 33%, 36%)

Oklch

oklch(59.5% 0.067 21.7)

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

#EB9A9B

Peach Pink · DarkSalmon · Coral Red

HEX

#EB9A9B

RGB

rgb(235, 154, 155)

HSL

hsl(359, 67%, 76%)

HSB

hsb(359, 34%, 92%)

CMYK

cmyk(0%, 34%, 34%, 8%)

Oklch

oklch(76.7% 0.098 18.8)

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

#EBC79B

Goose Yellow · BurlyWood · Peach Orange

HEX

#EBC79B

RGB

rgb(235, 199, 155)

HSL

hsl(33, 67%, 76%)

HSB

hsb(33, 34%, 92%)

CMYK

cmyk(0%, 15%, 34%, 8%)

Oklch

oklch(85.0% 0.071 72.2)

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

#E7F99C

Willow Green · Khaki · Apple Green

HEX

#E7F99C

RGB

rgb(231, 249, 156)

HSL

hsl(72, 89%, 79%)

HSB

hsb(72, 37%, 98%)

CMYK

cmyk(7%, 0%, 37%, 2%)

Oklch

oklch(94.8% 0.118 117.7)

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

#479C9F

Slate Blue · CadetBlue · Mint Ice

HEX

#479C9F

RGB

rgb(71, 156, 159)

HSL

hsl(182, 38%, 45%)

HSB

hsb(182, 55%, 62%)

CMYK

cmyk(55%, 2%, 0%, 38%)

Oklch

oklch(64.2% 0.082 198.5)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A36F6D

6CA1A3

Analogous

A36C85

A36F6D

A3896C

Triadic

A36F6D

6CA36D

6D6CA3

Split-Comp.

A36F6D

6CA389

6C85A3

Tetradic

A36F6D

85A36C

6CA1A3

896CA3

Contrast Matrix WCAG 2.1 Contrast

A36F6D	EB9A9B	EBC79B	E7F99C	479C9F
—	1.9 Fail	2.6 Fail	3.6 AA Large	1.3 Fail
1.9 Fail	—	1.4 Fail	1.9 Fail	1.5 Fail
2.6 Fail	1.4 Fail	—	1.4 Fail	2.0 Fail
3.6 AA Large	1.9 Fail	1.4 Fail	—	2.8 Fail
1.3 Fail	1.5 Fail	2.0 Fail	2.8 Fail	—

White BG

4.2AA Large

2.2Fail

1.6Fail

1.1Fail

3.2AA Large

Black BG

5.1AA

9.6AAA

13.2AAA

18.4AAA

6.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8C8C6D

C8C79B

DBDBA6

EFEFB3

6C6D9E

Deuteranopia

90936E

CDD39B

DEE0A8

EEECB8

67619E

Tritanopia

A06E6E

E79B9B

E9AEB0

E8C4C8

4B9E9E

Achromatopsia

7E7E7E

B2B2B2

CDCDCD

E9E9E9

838383

Shades & Tints Shades & Tints

#A36F6D

Dark

Light

#EB9A9B

Dark

Light

#EBC79B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a36f6d;
  --color-2: #eb9a9b;
  --color-3: #ebc79b;
  --color-4: #e7f99c;
  --color-5: #479c9f;
}

SCSS

$color-1: #a36f6d;
$color-2: #eb9a9b;
$color-3: #ebc79b;
$color-4: #e7f99c;
$color-5: #479c9f;

TAILWIND

colors: {
  'brand-1': '#a36f6d',
  'brand-2': '#eb9a9b',
  'brand-3': '#ebc79b',
  'brand-4': '#e7f99c',
  'brand-5': '#479c9f',
}

RGB Array

[163, 111, 109], [235, 154, 155], [235, 199, 155], [231, 249, 156], [71, 156, 159]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A36F6D, #EB9A9B, #EBC79B, #E7F99C, #479C9F 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: #a36f6d; --color-2: #eb9a9b; --color-3: #ebc79b; --color-4: #e7f99c; --color-5: #479c9f. 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