← Back to Editor

#BE7E70 · #BEB570 · #BED470 · #BEE070 · #BEF270

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#BE7E70

Crimson · DarkSalmon · Passion Red

HEX
#BE7E70
RGB
rgb(190, 126, 112)
HSL
hsl(11, 38%, 59%)
HSB
hsb(11, 41%, 75%)
CMYK
cmyk(0%, 34%, 41%, 25%)
Oklch
oklch(65.5% 0.083 32.9)

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

#BEB570

Autumn Sage · Tan · Sunflower

HEX
#BEB570
RGB
rgb(190, 181, 112)
HSL
hsl(53, 38%, 59%)
HSB
hsb(53, 41%, 75%)
CMYK
cmyk(0%, 5%, 41%, 25%)
Oklch
oklch(76.5% 0.090 101.8)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#BED470

Willow Green · Tan · Apple Green

HEX
#BED470
RGB
rgb(190, 212, 112)
HSL
hsl(73, 54%, 64%)
HSB
hsb(73, 47%, 83%)
CMYK
cmyk(10%, 0%, 47%, 17%)
Oklch
oklch(83.2% 0.128 119.5)

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

#BEE070

Willow Green · Tan · Apple Green

HEX
#BEE070
RGB
rgb(190, 224, 112)
HSL
hsl(78, 64%, 66%)
HSB
hsb(78, 50%, 88%)
CMYK
cmyk(15%, 0%, 50%, 12%)
Oklch
oklch(85.8% 0.144 123.4)

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

#BEF270

Willow Green · LightGreen · Apple Green

HEX
#BEF270
RGB
rgb(190, 242, 112)
HSL
hsl(84, 83%, 69%)
HSB
hsb(84, 54%, 95%)
CMYK
cmyk(21%, 0%, 54%, 5%)
Oklch
oklch(89.8% 0.168 127.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BE7E70
6FB0BE

Analogous

BE6F88
BE7E70
BEA56F

Triadic

BE7E70
6FBE7D
7D6FBE

Split-Comp.

BE7E70
6FBEA5
6F88BE

Tetradic

BE7E70
88BE6F
6FB0BE
A56FBE

Contrast Matrix WCAG 2.1 Contrast

BE7E70
BEB570
BED470
BEE070
BEF270
—
1.6
Fail
2.0
Fail
2.2
Fail
2.5
Fail
1.6
Fail
—
1.3
Fail
1.4
Fail
1.6
Fail
2.0
Fail
1.3
Fail
—
1.1
Fail
1.3
Fail
2.2
Fail
1.4
Fail
1.1
Fail
—
1.1
Fail
2.5
Fail
1.6
Fail
1.3
Fail
1.1
Fail
—
White BG
3.3AA Large
2.1Fail
1.6Fail
1.5Fail
1.3Fail
Black BG
6.4AA
10.0AAA
12.8AAA
14.1AAA
16.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A2A273
BABA81
C8C888
CDCD8B
D5D58F

Deuteranopia

A6AB74
BBBB85
C6C58E
CBC892
D2CE97

Tritanopia

BB7677
BE8E91
BF9BA0
C0A0A5
C1A8AE

Achromatopsia

909090
B0B0B0
C2C2C2
C9C9C9
D4D4D4

Shades & Tints Shades & Tints

#BE7E70

Dark
Light

#BEB570

Dark
Light

#BED470

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #be7e70;
  --color-2: #beb570;
  --color-3: #bed470;
  --color-4: #bee070;
  --color-5: #bef270;
}

SCSS

$color-1: #be7e70;
$color-2: #beb570;
$color-3: #bed470;
$color-4: #bee070;
$color-5: #bef270;

TAILWIND

colors: {
  'brand-1': '#be7e70',
  'brand-2': '#beb570',
  'brand-3': '#bed470',
  'brand-4': '#bee070',
  'brand-5': '#bef270',
}

RGB Array

[190, 126, 112], [190, 181, 112], [190, 212, 112], [190, 224, 112], [190, 242, 112]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BE7E70, #BEB570, #BED470, #BEE070, #BEF270 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: #be7e70; --color-2: #beb570; --color-3: #bed470; --color-4: #bee070; --color-5: #bef270. 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