#79698A + #AE868F + #E9A297 + #FBC2A2 + #EED4B7 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#79698A

Deep Indigo · SlateGray · Violet

HEX

#79698A

RGB

rgb(121, 105, 138)

HSL

hsl(269, 14%, 48%)

HSB

hsb(269, 24%, 54%)

CMYK

cmyk(12%, 24%, 0%, 46%)

Oklch

oklch(54.8% 0.054 306.7)

Traditional「Deep Indigo」· Paint「Violet」· Creative Blush Sunrise

#AE868F

Crimson · DarkGray · Passion Red

HEX

#AE868F

RGB

rgb(174, 134, 143)

HSL

hsl(347, 20%, 60%)

HSB

hsb(347, 23%, 68%)

CMYK

cmyk(0%, 23%, 18%, 32%)

Oklch

oklch(66.1% 0.050 3.6)

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

#E9A297

Peach Pink · BurlyWood · Coral Red

HEX

#E9A297

RGB

rgb(233, 162, 151)

HSL

hsl(8, 65%, 75%)

HSB

hsb(8, 35%, 91%)

CMYK

cmyk(0%, 30%, 35%, 9%)

Oklch

oklch(77.8% 0.087 29.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FBC2A2

Apricot · Wheat · Peach Orange

HEX

#FBC2A2

RGB

rgb(251, 194, 162)

HSL

hsl(22, 92%, 81%)

HSB

hsb(22, 35%, 98%)

CMYK

cmyk(0%, 23%, 35%, 2%)

Oklch

oklch(85.7% 0.078 50.6)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#EED4B7

Goose Yellow · Wheat · Peach Orange

HEX

#EED4B7

RGB

rgb(238, 212, 183)

HSL

hsl(32, 62%, 83%)

HSB

hsb(32, 23%, 93%)

CMYK

cmyk(0%, 11%, 23%, 7%)

Oklch

oklch(88.4% 0.048 70.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

79698A

7B8C69

Analogous

696A8C

79698A

8B698C

Triadic

79698A

8C7A69

698C7A

Split-Comp.

79698A

8C8B69

6A8C69

Tetradic

79698A

8C696A

7B8C69

698C8B

Contrast Matrix WCAG 2.1 Contrast

79698A	AE868F	E9A297	FBC2A2	EED4B7
—	1.6 Fail	2.4 Fail	3.2 AA Large	3.5 AA Large
1.6 Fail	—	1.5 Fail	2.0 Fail	2.2 Fail
2.4 Fail	1.5 Fail	—	1.3 Fail	1.5 Fail
3.2 AA Large	2.0 Fail	1.3 Fail	—	1.1 Fail
3.5 AA Large	2.2 Fail	1.5 Fail	1.1 Fail	—

White BG

5.0AA

3.2AA Large

2.1Fail

1.6Fail

1.4Fail

Black BG

4.2AA Large

6.6AA

10.1AAA

13.3AAA

14.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

727282

9D9C8D

CACA9A

E2E2AA

E3E3BE

Deuteranopia

737480

9FA28C

CED49A

E6EAAC

E4E6C0

Tritanopia

787C7A

AC8B8B

E59C9C

F8B0B1

EDC4C5

Achromatopsia

727272

939393

B6B6B6

CFCFCF

D8D8D8

Shades & Tints Shades & Tints

#79698A

Dark

Light

#AE868F

Dark

Light

#E9A297

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #79698a;
  --color-2: #ae868f;
  --color-3: #e9a297;
  --color-4: #fbc2a2;
  --color-5: #eed4b7;
}

SCSS

$color-1: #79698a;
$color-2: #ae868f;
$color-3: #e9a297;
$color-4: #fbc2a2;
$color-5: #eed4b7;

TAILWIND

colors: {
  'brand-1': '#79698a',
  'brand-2': '#ae868f',
  'brand-3': '#e9a297',
  'brand-4': '#fbc2a2',
  'brand-5': '#eed4b7',
}

RGB Array

[121, 105, 138], [174, 134, 143], [233, 162, 151], [251, 194, 162], [238, 212, 183]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #79698A, #AE868F, #E9A297, #FBC2A2, #EED4B7 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: #79698a; --color-2: #ae868f; --color-3: #e9a297; --color-4: #fbc2a2; --color-5: #eed4b7. 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