#B39036 + #E35734 + #BE3048 + #862D31 + #273130 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#B39036

Ochre · DarkGoldenRod · Honey Gold

HEX

#B39036

RGB

rgb(179, 144, 54)

HSL

hsl(43, 54%, 46%)

HSB

hsb(43, 70%, 70%)

CMYK

cmyk(0%, 20%, 70%, 30%)

Oklch

oklch(66.9% 0.114 87.3)

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

#E35734

Vermilion · Chocolate · Passion Red

HEX

#E35734

RGB

rgb(227, 87, 52)

HSL

hsl(12, 76%, 55%)

HSB

hsb(12, 77%, 89%)

CMYK

cmyk(0%, 62%, 77%, 11%)

Oklch

oklch(63.6% 0.182 35.1)

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

#BE3048

Crimson · Brown · Passion Red

HEX

#BE3048

RGB

rgb(190, 48, 72)

HSL

hsl(350, 60%, 47%)

HSB

hsb(350, 75%, 75%)

CMYK

cmyk(0%, 75%, 62%, 25%)

Oklch

oklch(53.6% 0.177 16.4)

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

#862D31

Crimson · Brown · Wine Red

HEX

#862D31

RGB

rgb(134, 45, 49)

HSL

hsl(357, 50%, 35%)

HSB

hsb(357, 66%, 53%)

CMYK

cmyk(0%, 66%, 63%, 47%)

Oklch

oklch(43.0% 0.122 21.3)

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

#273130

Mineral Blue · DarkSlateGray · Peacock Green

HEX

#273130

RGB

rgb(39, 49, 48)

HSL

hsl(174, 11%, 17%)

HSB

hsb(174, 20%, 19%)

CMYK

cmyk(20%, 0%, 2%, 81%)

Oklch

oklch(30.3% 0.014 189.0)

Traditional「Mineral Blue」· Paint「Peacock Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B39036

365AB5

Analogous

B55136

B39036

99B536

Triadic

B39036

36B591

9136B5

Split-Comp.

B39036

3699B5

5136B5

Tetradic

B39036

36B551

365AB5

B53699

Contrast Matrix WCAG 2.1 Contrast

B39036	E35734	BE3048	862D31	273130
—	1.2 Fail	1.9 Fail	2.9 Fail	4.4 AA Large
1.2 Fail	—	1.5 Fail	2.3 Fail	3.6 AA Large
1.9 Fail	1.5 Fail	—	1.5 Fail	2.4 Fail
2.9 Fail	2.3 Fail	1.5 Fail	—	1.6 Fail
4.4 AA Large	3.6 AA Large	2.4 Fail	1.6 Fail	—

White BG

3.0AA Large

3.7AA Large

5.7AA

8.6AAA

13.4AAA

Black BG

7.0AA

5.7AA

3.7AA Large

2.4Fail

1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A4A44C

A6A53C

817F42

5F5F30

2B2B30

Deuteranopia

A6A951

AFB93F

899341

656B30

2B2A30

Tritanopia

B15D61

DC4345

B73E3D

822F2F

283030

Achromatopsia

909090

7D7D7D

5D5D5D

484848

2E2E2E

Shades & Tints Shades & Tints

#B39036

Dark

Light

#E35734

Dark

Light

#BE3048

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b39036;
  --color-2: #e35734;
  --color-3: #be3048;
  --color-4: #862d31;
  --color-5: #273130;
}

SCSS

$color-1: #b39036;
$color-2: #e35734;
$color-3: #be3048;
$color-4: #862d31;
$color-5: #273130;

TAILWIND

colors: {
  'brand-1': '#b39036',
  'brand-2': '#e35734',
  'brand-3': '#be3048',
  'brand-4': '#862d31',
  'brand-5': '#273130',
}

RGB Array

[179, 144, 54], [227, 87, 52], [190, 48, 72], [134, 45, 49], [39, 49, 48]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B39036, #E35734, #BE3048, #862D31, #273130 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: #b39036; --color-2: #e35734; --color-3: #be3048; --color-4: #862d31; --color-5: #273130. 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