#9A7B79 + #A9B496 + #F2E9A6 + #E8BD92 + #D2617F - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#9A7B79

Crimson · Gray · Passion Red

HEX

#9A7B79

RGB

rgb(154, 123, 121)

HSL

hsl(4, 14%, 54%)

HSB

hsb(4, 21%, 60%)

CMYK

cmyk(0%, 20%, 21%, 40%)

Oklch

oklch(61.2% 0.039 22.6)

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

#A9B496

Willow Green · DarkGray · Apple Green

HEX

#A9B496

RGB

rgb(169, 180, 150)

HSL

hsl(82, 17%, 65%)

HSB

hsb(82, 17%, 71%)

CMYK

cmyk(6%, 0%, 17%, 29%)

Oklch

oklch(75.3% 0.044 123.8)

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

#F2E9A6

Fresh Green · Wheat · Lemon Cream

HEX

#F2E9A6

RGB

rgb(242, 233, 166)

HSL

hsl(53, 75%, 80%)

HSB

hsb(53, 31%, 95%)

CMYK

cmyk(0%, 4%, 31%, 5%)

Oklch

oklch(92.6% 0.086 101.4)

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

#E8BD92

Goose Yellow · BurlyWood · Warm Sun

HEX

#E8BD92

RGB

rgb(232, 189, 146)

HSL

hsl(30, 65%, 74%)

HSB

hsb(30, 37%, 91%)

CMYK

cmyk(0%, 19%, 37%, 9%)

Oklch

oklch(82.6% 0.075 66.5)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#D2617F

Dark Violet · LightCoral · Rose Pink

HEX

#D2617F

RGB

rgb(210, 97, 127)

HSL

hsl(344, 56%, 60%)

HSB

hsb(344, 54%, 82%)

CMYK

cmyk(0%, 54%, 40%, 18%)

Oklch

oklch(63.8% 0.145 5.4)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9A7B79

79989A

Analogous

9A7988

9A7B79

9A8C79

Triadic

9A7B79

799A7B

7B799A

Split-Comp.

9A7B79

799A8C

79889A

Tetradic

9A7B79

889A79

79989A

8C799A

Contrast Matrix WCAG 2.1 Contrast

9A7B79	A9B496	F2E9A6	E8BD92	D2617F
—	1.8 Fail	3.1 AA Large	2.2 Fail	1.0 Fail
1.8 Fail	—	1.8 Fail	1.3 Fail	1.7 Fail
3.1 AA Large	1.8 Fail	—	1.4 Fail	2.9 Fail
2.2 Fail	1.3 Fail	1.4 Fail	—	2.1 Fail
1.0 Fail	1.7 Fail	2.9 Fail	2.1 Fail	—

White BG

3.8AA Large

2.2Fail

1.2Fail

1.7Fail

3.6AA Large

Black BG

5.5AA

9.7AAA

17.0AAA

12.1AAA

5.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8D8C79

AEAE9D

EEEEB6

D5D59C

A1A078

Deuteranopia

8E917A

ADAC9F

EFEFBA

D8DB9F

A8B076

Tritanopia

987A7A

AAA3A4

F2C3C6

E6A5A6

CC7271

Achromatopsia

848484

ADADAD

E4E4E4

C5C5C5

868686

Shades & Tints Shades & Tints

#9A7B79

Dark

Light

#A9B496

Dark

Light

#F2E9A6

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9a7b79;
  --color-2: #a9b496;
  --color-3: #f2e9a6;
  --color-4: #e8bd92;
  --color-5: #d2617f;
}

SCSS

$color-1: #9a7b79;
$color-2: #a9b496;
$color-3: #f2e9a6;
$color-4: #e8bd92;
$color-5: #d2617f;

TAILWIND

colors: {
  'brand-1': '#9a7b79',
  'brand-2': '#a9b496',
  'brand-3': '#f2e9a6',
  'brand-4': '#e8bd92',
  'brand-5': '#d2617f',
}

RGB Array

[154, 123, 121], [169, 180, 150], [242, 233, 166], [232, 189, 146], [210, 97, 127]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #9A7B79, #A9B496, #F2E9A6, #E8BD92, #D2617F 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: #9a7b79; --color-2: #a9b496; --color-3: #f2e9a6; --color-4: #e8bd92; --color-5: #d2617f. 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