← Back to Editor

#B39C70 · #403B2E · #C1DE50 · #FFF7B0 · #E65E67

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 LibraryData Visualization

Color Details Color Details

#B39C70

Ginger · Tan · Warm Sun

HEX
#B39C70
RGB
rgb(179, 156, 112)
HSL
hsl(39, 31%, 57%)
HSB
hsb(39, 37%, 70%)
CMYK
cmyk(0%, 13%, 37%, 30%)
Oklch
oklch(70.2% 0.066 83.3)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#403B2E

Ochre · DarkSlateGray · Amber Gold

HEX
#403B2E
RGB
rgb(64, 59, 46)
HSL
hsl(43, 16%, 22%)
HSB
hsb(43, 28%, 25%)
CMYK
cmyk(0%, 8%, 28%, 75%)
Oklch
oklch(35.3% 0.023 89.5)

Traditional「Ochre」· Paint「Amber Gold」· Creative Blush Sunrise

#C1DE50

Grass Green · GreenYellow · Olive Green

HEX
#C1DE50
RGB
rgb(193, 222, 80)
HSL
hsl(72, 68%, 59%)
HSB
hsb(72, 64%, 87%)
CMYK
cmyk(13%, 0%, 64%, 13%)
Oklch
oklch(85.3% 0.168 120.0)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#FFF7B0

Fresh Green · Wheat · Lemon Cream

HEX
#FFF7B0
RGB
rgb(255, 247, 176)
HSL
hsl(54, 100%, 85%)
HSB
hsb(54, 31%, 100%)
CMYK
cmyk(0%, 3%, 31%, 0%)
Oklch
oklch(96.6% 0.090 102.5)

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

#E65E67

Peach Pink · Tomato · Coral Red

HEX
#E65E67
RGB
rgb(230, 94, 103)
HSL
hsl(356, 73%, 64%)
HSB
hsb(356, 59%, 90%)
CMYK
cmyk(0%, 59%, 55%, 10%)
Oklch
oklch(65.7% 0.169 19.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B39C70
6F87B3

Analogous

B37A6F
B39C70
A9B36F

Triadic

B39C70
6FB39C
9C6FB3

Split-Comp.

B39C70
6FA9B3
7A6FB3

Tetradic

B39C70
6FB37A
6F87B3
B36FA9

Contrast Matrix WCAG 2.1 Contrast

B39C70
403B2E
C1DE50
FFF7B0
E65E67
—
4.2
AA Large
1.7
Fail
2.4
Fail
1.3
Fail
4.2
AA Large
—
7.3
AAA
10.2
AAA
3.3
AA Large
1.7
Fail
7.3
AAA
—
1.4
Fail
2.2
Fail
2.4
Fail
10.2
AAA
1.4
Fail
—
3.1
AA Large
1.3
Fail
3.3
AA Large
2.2
Fail
3.1
AA Large
—
White BG
2.7Fail
11.2AAA
1.5Fail
1.1Fail
3.4AA Large
Black BG
7.9AAA
1.9Fail
13.8AAA
19.2AAA
6.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A9A97B
3E3E31
CECE72
FCFBC1
ABAA65

Deuteranopia

AAAC7D
3E3F32
CCCA7B
FCFDC5
B3BD64

Tritanopia

B28385
403434
C28D93
FFCFD2
DF6363

Achromatopsia

9E9E9E
3B3B3B
C5C5C5
F1F1F1
888888

Shades & Tints Shades & Tints

#B39C70

Dark
Light

#403B2E

Dark
Light

#C1DE50

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b39c70;
  --color-2: #403b2e;
  --color-3: #c1de50;
  --color-4: #fff7b0;
  --color-5: #e65e67;
}

SCSS

$color-1: #b39c70;
$color-2: #403b2e;
$color-3: #c1de50;
$color-4: #fff7b0;
$color-5: #e65e67;

TAILWIND

colors: {
  'brand-1': '#b39c70',
  'brand-2': '#403b2e',
  'brand-3': '#c1de50',
  'brand-4': '#fff7b0',
  'brand-5': '#e65e67',
}

RGB Array

[179, 156, 112], [64, 59, 46], [193, 222, 80], [255, 247, 176], [230, 94, 103]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B39C70, #403B2E, #C1DE50, #FFF7B0, #E65E67 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: #b39c70; --color-2: #403b2e; --color-3: #c1de50; --color-4: #fff7b0; --color-5: #e65e67. 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