#793F68 + #BCA48C + #898E58 + #53764C + #126D42 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#793F68

Rose Purple · DimGray · Eggplant

HEX

#793F68

RGB

rgb(121, 63, 104)

HSL

hsl(318, 32%, 36%)

HSB

hsb(318, 48%, 47%)

CMYK

cmyk(0%, 48%, 14%, 53%)

Oklch

oklch(45.4% 0.097 339.3)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#BCA48C

Ginger · Tan · Warm Sun

HEX

#BCA48C

RGB

rgb(188, 164, 140)

HSL

hsl(30, 26%, 64%)

HSB

hsb(30, 26%, 74%)

CMYK

cmyk(0%, 13%, 26%, 26%)

Oklch

oklch(73.3% 0.044 67.1)

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

#898E58

Autumn Sage · Gray · Honey Gold

HEX

#898E58

RGB

rgb(137, 142, 88)

HSL

hsl(66, 23%, 45%)

HSB

hsb(66, 38%, 56%)

CMYK

cmyk(4%, 0%, 38%, 44%)

Oklch

oklch(62.9% 0.075 112.9)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#53764C

Celadon · DarkOliveGreen · Forest Green

HEX

#53764C

RGB

rgb(83, 118, 76)

HSL

hsl(110, 22%, 38%)

HSB

hsb(110, 36%, 46%)

CMYK

cmyk(30%, 0%, 36%, 54%)

Oklch

oklch(52.8% 0.075 140.3)

Traditional「Celadon」· Paint「Forest Green」· Creative Blush Sunrise

#126D42

Mineral Blue · DarkSlateGray · Forest Green

HEX

#126D42

RGB

rgb(18, 109, 66)

HSL

hsl(152, 72%, 25%)

HSB

hsb(152, 83%, 43%)

CMYK

cmyk(83%, 0%, 39%, 57%)

Oklch

oklch(47.3% 0.107 156.5)

Traditional「Mineral Blue」· Paint「Forest Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

793F68

3E7950

Analogous

6D3E79

793F68

793E4A

Triadic

793F68

68793E

3E6879

Split-Comp.

793F68

4A793E

3E796D

Tetradic

793F68

796D3E

3E7950

3E4A79

Contrast Matrix WCAG 2.1 Contrast

793F68	BCA48C	898E58	53764C	126D42
—	3.2 AA Large	2.2 Fail	1.5 Fail	1.2 Fail
3.2 AA Large	—	1.5 Fail	2.2 Fail	2.7 Fail
2.2 Fail	1.5 Fail	—	1.5 Fail	1.8 Fail
1.5 Fail	2.2 Fail	1.5 Fail	—	1.2 Fail
1.2 Fail	2.7 Fail	1.8 Fail	1.2 Fail	—

White BG

7.7AAA

2.4Fail

3.5AA Large

5.2AA

6.4AA

Black BG

2.7Fail

8.8AAA

6.1AA

4.1AA Large

3.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

605F5E

B2B192

8B8B65

626256

393A4C

Deuteranopia

63685C

B3B593

8B8B68

605E59

342D4F

Tritanopia

765655

BB9697

896F72

555E60

175556

Achromatopsia

555555

A8A8A8

868686

676767

4D4D4D

Shades & Tints Shades & Tints

#793F68

Dark

Light

#BCA48C

Dark

Light

#898E58

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #793f68;
  --color-2: #bca48c;
  --color-3: #898e58;
  --color-4: #53764c;
  --color-5: #126d42;
}

SCSS

$color-1: #793f68;
$color-2: #bca48c;
$color-3: #898e58;
$color-4: #53764c;
$color-5: #126d42;

TAILWIND

colors: {
  'brand-1': '#793f68',
  'brand-2': '#bca48c',
  'brand-3': '#898e58',
  'brand-4': '#53764c',
  'brand-5': '#126d42',
}

RGB Array

[121, 63, 104], [188, 164, 140], [137, 142, 88], [83, 118, 76], [18, 109, 66]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #793F68, #BCA48C, #898E58, #53764C, #126D42 is ideal for: corporate websites, product showcases, portfolios. 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: #793f68; --color-2: #bca48c; --color-3: #898e58; --color-4: #53764c; --color-5: #126d42. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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