#BE7B6A + #88798E + #7DB6BF + #7AFFC5 + #8F9392 · space - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#BE7B6A

Crimson · DarkSalmon · Passion Red

HEX

#BE7B6A

RGB

rgb(190, 123, 106)

HSL

hsl(12, 39%, 58%)

HSB

hsb(12, 44%, 75%)

CMYK

cmyk(0%, 35%, 44%, 25%)

Oklch

oklch(64.9% 0.088 34.9)

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

#88798E

Dark Plum · Gray · Warm Gray

HEX

#88798E

RGB

rgb(136, 121, 142)

HSL

hsl(283, 9%, 52%)

HSB

hsb(283, 15%, 56%)

CMYK

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

Oklch

oklch(59.7% 0.036 316.3)

Traditional「Dark Plum」· Paint「Warm Gray」· Creative Urban Concrete

#7DB6BF

Sky Blue · MediumAquaMarine · Lake Green

HEX

#7DB6BF

RGB

rgb(125, 182, 191)

HSL

hsl(188, 34%, 62%)

HSB

hsb(188, 35%, 75%)

CMYK

cmyk(35%, 5%, 0%, 25%)

Oklch

oklch(74.0% 0.060 208.3)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#7AFFC5

Jade · LightGreen · Apple Green

HEX

#7AFFC5

RGB

rgb(122, 255, 197)

HSL

hsl(154, 100%, 74%)

HSB

hsb(154, 52%, 100%)

CMYK

cmyk(52%, 0%, 23%, 0%)

Oklch

oklch(90.9% 0.144 162.7)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

#8F9392

Ash · LightSlateGray · Silver Sand

HEX

#8F9392

RGB

rgb(143, 147, 146)

HSL

hsl(165, 2%, 57%)

HSB

hsb(165, 3%, 58%)

CMYK

cmyk(3%, 0%, 1%, 42%)

Oklch

oklch(66.0% 0.005 179.7)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BE7B6A

6AADBE

Analogous

BE6A83

BE7B6A

BEA56A

Triadic

BE7B6A

6ABE7B

7B6ABE

Split-Comp.

BE7B6A

6ABEA5

6A83BE

Tetradic

BE7B6A

83BE6A

6AADBE

A56ABE

Contrast Matrix WCAG 2.1 Contrast

BE7B6A	88798E	7DB6BF	7AFFC5	8F9392
—	1.2 Fail	1.5 Fail	2.7 Fail	1.1 Fail
1.2 Fail	—	1.8 Fail	3.3 AA Large	1.3 Fail
1.5 Fail	1.8 Fail	—	1.8 Fail	1.4 Fail
2.7 Fail	3.3 AA Large	1.8 Fail	—	2.5 Fail
1.1 Fail	1.3 Fail	1.4 Fail	2.5 Fail	—

White BG

3.4AA Large

4.1AA Large

2.3Fail

1.2Fail

3.1AA Large

Black BG

6.2AA

5.2AA

9.3AAA

16.9AAA

6.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A1A06E

828189

9696BD

B4B5D3

919192

Deuteranopia

A5AA6F

828488

928EBC

ACA2D6

919092

Tritanopia

BB7172

878584

80BBBB

81DEE1

8F9292

Achromatopsia

8D8D8D

808080

A6A6A6

D1D1D1

929292

Shades & Tints Shades & Tints

#BE7B6A

Dark

Light

#88798E

Dark

Light

#7DB6BF

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #be7b6a;
  --color-2: #88798e;
  --color-3: #7db6bf;
  --color-4: #7affc5;
  --color-5: #8f9392;
}

SCSS

$color-1: #be7b6a;
$color-2: #88798e;
$color-3: #7db6bf;
$color-4: #7affc5;
$color-5: #8f9392;

TAILWIND

colors: {
  'brand-1': '#be7b6a',
  'brand-2': '#88798e',
  'brand-3': '#7db6bf',
  'brand-4': '#7affc5',
  'brand-5': '#8f9392',
}

RGB Array

[190, 123, 106], [136, 121, 142], [125, 182, 191], [122, 255, 197], [143, 147, 146]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #BE7B6A, #88798E, #7DB6BF, #7AFFC5, #8F9392 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: #be7b6a; --color-2: #88798e; --color-3: #7db6bf; --color-4: #7affc5; --color-5: #8f9392. 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 space-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