#B58A7B + #CC6C4B + #E33C05 + #C79381 + #CC8F96 · neon - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

FuturisticEnergeticRebelliousWarm

Industry INDUSTRY

GamingWeb3 / CryptoDeep Tech

UI Context UI CONTEXT

Dark Mode UIDashboardCampaign Page

Color Details Color Details

#B58A7B

Tangerine · DarkSalmon · Warm Sun

HEX

#B58A7B

RGB

rgb(181, 138, 123)

HSL

hsl(16, 28%, 60%)

HSB

hsb(16, 32%, 71%)

CMYK

cmyk(0%, 24%, 32%, 29%)

Oklch

oklch(67.1% 0.057 40.1)

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

#CC6C4B

Tangerine · Chocolate · Warm Sun

HEX

#CC6C4B

RGB

rgb(204, 108, 75)

HSL

hsl(15, 56%, 55%)

HSB

hsb(15, 63%, 80%)

CMYK

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

Oklch

oklch(63.5% 0.130 39.5)

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

#E33C05

Tangerine · OrangeRed · Amber Brown

HEX

#E33C05

RGB

rgb(227, 60, 5)

HSL

hsl(15, 96%, 45%)

HSB

hsb(15, 98%, 89%)

CMYK

cmyk(0%, 74%, 98%, 11%)

Oklch

oklch(60.4% 0.210 35.0)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#C79381

Apricot · DarkSalmon · Warm Sun

HEX

#C79381

RGB

rgb(199, 147, 129)

HSL

hsl(15, 38%, 64%)

HSB

hsb(15, 35%, 78%)

CMYK

cmyk(0%, 26%, 35%, 22%)

Oklch

oklch(70.8% 0.068 39.9)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#CC8F96

Peach Pink · Tan · Coral Red

HEX

#CC8F96

RGB

rgb(204, 143, 150)

HSL

hsl(353, 37%, 68%)

HSB

hsb(353, 30%, 80%)

CMYK

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

Oklch

oklch(71.2% 0.075 11.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B58A7B

7CA6B6

Analogous

B67C8A

B58A7B

B6A87C

Triadic

B58A7B

7CB68C

8C7CB6

Split-Comp.

B58A7B

7CB6A8

7C8AB6

Tetradic

B58A7B

8AB67C

7CA6B6

A87CB6

Contrast Matrix WCAG 2.1 Contrast

B58A7B	CC6C4B	E33C05	C79381	CC8F96
—	1.2 Fail	1.4 Fail	1.1 Fail	1.2 Fail
1.2 Fail	—	1.2 Fail	1.4 Fail	1.4 Fail
1.4 Fail	1.2 Fail	—	1.6 Fail	1.6 Fail
1.1 Fail	1.4 Fail	1.6 Fail	—	1.0 Fail
1.2 Fail	1.4 Fail	1.6 Fail	1.0 Fail	—

White BG

3.0AA Large

3.6AA Large

4.3AA Large

2.7Fail

2.6Fail

Black BG

6.9AA

5.8AA

4.9AA

7.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A2A27F

A2A253

9B9912

B0B085

B2B194

Deuteranopia

A5A880

A8AF55

A4B116

B4B786

B5BA94

Tritanopia

B38182

C7595B

DB1D1F

C4898A

C99393

Achromatopsia

959595

858585

686868

A0A0A0

A2A2A2

Shades & Tints Shades & Tints

#B58A7B

Dark

Light

#CC6C4B

Dark

Light

#E33C05

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b58a7b;
  --color-2: #cc6c4b;
  --color-3: #e33c05;
  --color-4: #c79381;
  --color-5: #cc8f96;
}

SCSS

$color-1: #b58a7b;
$color-2: #cc6c4b;
$color-3: #e33c05;
$color-4: #c79381;
$color-5: #cc8f96;

TAILWIND

colors: {
  'brand-1': '#b58a7b',
  'brand-2': '#cc6c4b',
  'brand-3': '#e33c05',
  'brand-4': '#c79381',
  'brand-5': '#cc8f96',
}

RGB Array

[181, 138, 123], [204, 108, 75], [227, 60, 5], [199, 147, 129], [204, 143, 150]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #B58A7B, #CC6C4B, #E33C05, #C79381, #CC8F96 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: #b58a7b; --color-2: #cc6c4b; --color-3: #e33c05; --color-4: #c79381; --color-5: #cc8f96. 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 neon-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