#9B6179 + #C16B6B + #E78861 + #F3B890 + #EBDFB9 · 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

#9B6179

Dark Violet · Gray · Camellia

HEX

#9B6179

RGB

rgb(155, 97, 121)

HSL

hsl(335, 23%, 49%)

HSB

hsb(335, 37%, 61%)

CMYK

cmyk(0%, 37%, 22%, 39%)

Oklch

oklch(56.3% 0.081 353.6)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#C16B6B

Crimson · LightCoral · Passion Red

HEX

#C16B6B

RGB

rgb(193, 107, 107)

HSL

hsl(0, 41%, 59%)

HSB

hsb(0, 45%, 76%)

CMYK

cmyk(0%, 45%, 45%, 24%)

Oklch

oklch(62.5% 0.110 20.7)

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

#E78861

Apricot · Salmon · Warm Sun

HEX

#E78861

RGB

rgb(231, 136, 97)

HSL

hsl(17, 74%, 64%)

HSB

hsb(17, 58%, 91%)

CMYK

cmyk(0%, 41%, 58%, 9%)

Oklch

oklch(72.0% 0.128 42.7)

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

#F3B890

Apricot · BurlyWood · Peach Orange

HEX

#F3B890

RGB

rgb(243, 184, 144)

HSL

hsl(24, 80%, 76%)

HSB

hsb(24, 41%, 95%)

CMYK

cmyk(0%, 24%, 41%, 5%)

Oklch

oklch(82.7% 0.087 55.3)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#EBDFB9

Goose Yellow · Wheat · Lemon Cream

HEX

#EBDFB9

RGB

rgb(235, 223, 185)

HSL

hsl(46, 56%, 82%)

HSB

hsb(46, 21%, 92%)

CMYK

cmyk(0%, 5%, 21%, 8%)

Oklch

oklch(90.4% 0.052 92.6)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9B6179

609A82

Analogous

9A6095

9B6179

9A6560

Triadic

9B6179

789A60

60789A

Split-Comp.

9B6179

609A65

60959A

Tetradic

9B6179

959A60

609A82

65609A

Contrast Matrix WCAG 2.1 Contrast

9B6179	C16B6B	E78861	F3B890	EBDFB9
—	1.3 Fail	1.8 Fail	2.8 Fail	3.6 AA Large
1.3 Fail	—	1.4 Fail	2.2 Fail	2.8 Fail
1.8 Fail	1.4 Fail	—	1.5 Fail	2.0 Fail
2.8 Fail	2.2 Fail	1.5 Fail	—	1.3 Fail
3.6 AA Large	2.8 Fail	2.0 Fail	1.3 Fail	—

White BG

4.8AA

3.8AA Large

2.6Fail

1.7Fail

1.3Fail

Black BG

4.4AA Large

5.6AA

8.1AAA

12.1AAA

15.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

828173

9C9B6B

BEBD6A

D9D99A

E6E6C2

Deuteranopia

858A72

A1A76B

C3CB6D

DDE19C

E7E7C4

Tritanopia

986F6E

BD6B6B

E27274

F0A1A3

EAC9CB

Achromatopsia

757575

858585

A0A0A0

C5C5C5

DEDEDE

Shades & Tints Shades & Tints

#9B6179

Dark

Light

#C16B6B

Dark

Light

#E78861

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9b6179;
  --color-2: #c16b6b;
  --color-3: #e78861;
  --color-4: #f3b890;
  --color-5: #ebdfb9;
}

SCSS

$color-1: #9b6179;
$color-2: #c16b6b;
$color-3: #e78861;
$color-4: #f3b890;
$color-5: #ebdfb9;

TAILWIND

colors: {
  'brand-1': '#9b6179',
  'brand-2': '#c16b6b',
  'brand-3': '#e78861',
  'brand-4': '#f3b890',
  'brand-5': '#ebdfb9',
}

RGB Array

[155, 97, 121], [193, 107, 107], [231, 136, 97], [243, 184, 144], [235, 223, 185]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #9B6179, #C16B6B, #E78861, #F3B890, #EBDFB9 is ideal for: health products, baby brands, fresh-style blogs. 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: #9b6179; --color-2: #c16b6b; --color-3: #e78861; --color-4: #f3b890; --color-5: #ebdfb9. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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