#B1B88B + #3E826F + #7E2078 + #733839 + #840A39 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#B1B88B

Fresh Green · Tan · Sunflower

HEX

#B1B88B

RGB

rgb(177, 184, 139)

HSL

hsl(69, 24%, 63%)

HSB

hsb(69, 24%, 72%)

CMYK

cmyk(4%, 0%, 24%, 28%)

Oklch

oklch(76.6% 0.062 115.1)

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

#3E826F

Mineral Blue · SeaGreen · Mint Ice

HEX

#3E826F

RGB

rgb(62, 130, 111)

HSL

hsl(163, 35%, 38%)

HSB

hsb(163, 52%, 51%)

CMYK

cmyk(52%, 0%, 15%, 49%)

Oklch

oklch(55.6% 0.076 172.8)

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

#7E2078

Rose Purple · Purple · Eggplant

HEX

#7E2078

RGB

rgb(126, 32, 120)

HSL

hsl(304, 59%, 31%)

HSB

hsb(304, 75%, 49%)

CMYK

cmyk(0%, 75%, 5%, 51%)

Oklch

oklch(43.0% 0.163 330.8)

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

#733839

Crimson · Sienna · Wine Red

HEX

#733839

RGB

rgb(115, 56, 57)

HSL

hsl(359, 35%, 34%)

HSB

hsb(359, 51%, 45%)

CMYK

cmyk(0%, 51%, 50%, 55%)

Oklch

oklch(41.8% 0.083 20.2)

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

#840A39

Dark Violet · Brown · Camellia

HEX

#840A39

RGB

rgb(132, 10, 57)

HSL

hsl(337, 86%, 28%)

HSB

hsb(337, 92%, 52%)

CMYK

cmyk(0%, 92%, 57%, 48%)

Oklch

oklch(39.8% 0.153 6.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B1B88B

918AB7

Analogous

B7A78A

B1B88B

9AB78A

Triadic

B1B88B

8AB1B7

B78AB1

Split-Comp.

B1B88B

8A9AB7

A78AB7

Tetradic

B1B88B

8AB7A7

918AB7

B78A9A

Contrast Matrix WCAG 2.1 Contrast

B1B88B	3E826F	7E2078	733839	840A39
—	2.2 Fail	4.3 AA Large	4.3 AA Large	4.8 AA
2.2 Fail	—	2.0 Fail	2.0 Fail	2.2 Fail
4.3 AA Large	2.0 Fail	—	1.0 Fail	1.1 Fail
4.3 AA Large	2.0 Fail	1.0 Fail	—	1.1 Fail
4.8 AA	2.2 Fail	1.1 Fail	1.1 Fail	—

White BG

2.1Fail

4.5AA

8.9AAA

10.1AAA

Black BG

10.1AAA

4.6AA

2.4Fail

2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B4B496

5B5C74

555463

595939

4F4E2E

Deuteranopia

B4B399

585275

5B625E

5D6139

565F2B

Tritanopia

B19EA0

417778

79524E

703939

7E2523

Achromatopsia

B1B1B1

6C6C6C

464646

4A4A4A

343434

Shades & Tints Shades & Tints

#B1B88B

Dark

Light

#3E826F

Dark

Light

#7E2078

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b1b88b;
  --color-2: #3e826f;
  --color-3: #7e2078;
  --color-4: #733839;
  --color-5: #840a39;
}

SCSS

$color-1: #b1b88b;
$color-2: #3e826f;
$color-3: #7e2078;
$color-4: #733839;
$color-5: #840a39;

TAILWIND

colors: {
  'brand-1': '#b1b88b',
  'brand-2': '#3e826f',
  'brand-3': '#7e2078',
  'brand-4': '#733839',
  'brand-5': '#840a39',
}

RGB Array

[177, 184, 139], [62, 130, 111], [126, 32, 120], [115, 56, 57], [132, 10, 57]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B1B88B, #3E826F, #7E2078, #733839, #840A39 is ideal for: tech websites, dark mode UIs, game UIs. 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: #b1b88b; --color-2: #3e826f; --color-3: #7e2078; --color-4: #733839; --color-5: #840a39. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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