← Back to Editor

#E6E3BA · #BFB79B · #31998F · #8F2C5F · #DE8585

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#E6E3BA

Fresh Green · Wheat · Lemon Cream

HEX
#E6E3BA
RGB
rgb(230, 227, 186)
HSL
hsl(56, 47%, 82%)
HSB
hsb(56, 19%, 90%)
CMYK
cmyk(0%, 1%, 19%, 10%)
Oklch
oklch(90.8% 0.054 104.0)

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

#BFB79B

Ginger · Tan · Sunflower

HEX
#BFB79B
RGB
rgb(191, 183, 155)
HSL
hsl(47, 22%, 68%)
HSB
hsb(47, 19%, 75%)
CMYK
cmyk(0%, 4%, 19%, 25%)
Oklch
oklch(77.9% 0.039 93.9)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#31998F

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#31998F
RGB
rgb(49, 153, 143)
HSL
hsl(174, 51%, 40%)
HSB
hsb(174, 68%, 60%)
CMYK
cmyk(68%, 0%, 7%, 40%)
Oklch
oklch(62.2% 0.094 185.9)

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

#8F2C5F

Rose Purple · Purple · Camellia

HEX
#8F2C5F
RGB
rgb(143, 44, 95)
HSL
hsl(329, 53%, 37%)
HSB
hsb(329, 69%, 56%)
CMYK
cmyk(0%, 69%, 34%, 44%)
Oklch
oklch(45.8% 0.143 352.5)

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

#DE8585

Peach Pink · LightCoral · Coral Red

HEX
#DE8585
RGB
rgb(222, 133, 133)
HSL
hsl(0, 57%, 70%)
HSB
hsb(0, 40%, 87%)
CMYK
cmyk(0%, 40%, 40%, 13%)
Oklch
oklch(71.1% 0.110 20.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6E3BA
BCBEE7

Analogous

E7CEBC
E6E3BA
D4E7BC

Triadic

E6E3BA
BCE7E4
E4BCE7

Split-Comp.

E6E3BA
BCD4E7
CEBCE7

Tetradic

E6E3BA
BCE7CE
BCBEE7
E7BCD4

Contrast Matrix WCAG 2.1 Contrast

E6E3BA
BFB79B
31998F
8F2C5F
DE8585
—
1.5
Fail
2.6
Fail
6.0
AA
2.1
Fail
1.5
Fail
—
1.7
Fail
3.9
AA Large
1.3
Fail
2.6
Fail
1.7
Fail
—
2.3
Fail
1.3
Fail
6.0
AA
3.9
AA Large
2.3
Fail
—
2.9
Fail
2.1
Fail
1.3
Fail
1.3
Fail
2.9
Fail
—
White BG
1.3Fail
2.0Fail
3.5AA Large
7.8AAA
2.7Fail
Black BG
16.1AAA
10.5AAA
6.1AA
2.7Fail
7.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E5E5C4
BCBBA2
5E5F91
646353
B7B785

Deuteranopia

E5E5C6
BCBDA3
585092
6A7150
BDC385

Tritanopia

E6CCCD
BFA7A8
369394
8A4947
DA8585

Achromatopsia

DFDFDF
B6B6B6
797979
4F4F4F
A0A0A0

Shades & Tints Shades & Tints

#E6E3BA

Dark
Light

#BFB79B

Dark
Light

#31998F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6e3ba;
  --color-2: #bfb79b;
  --color-3: #31998f;
  --color-4: #8f2c5f;
  --color-5: #de8585;
}

SCSS

$color-1: #e6e3ba;
$color-2: #bfb79b;
$color-3: #31998f;
$color-4: #8f2c5f;
$color-5: #de8585;

TAILWIND

colors: {
  'brand-1': '#e6e3ba',
  'brand-2': '#bfb79b',
  'brand-3': '#31998f',
  'brand-4': '#8f2c5f',
  'brand-5': '#de8585',
}

RGB Array

[230, 227, 186], [191, 183, 155], [49, 153, 143], [143, 44, 95], [222, 133, 133]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E6E3BA, #BFB79B, #31998F, #8F2C5F, #DE8585 is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #e6e3ba; --color-2: #bfb79b; --color-3: #31998f; --color-4: #8f2c5f; --color-5: #de8585. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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