#AB9184 + #FACEAA + #DACBB6 + #FDFBE9 + #EAE2CF · 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

#AB9184

Tangerine · DarkGray · Warm Sun

HEX

#AB9184

RGB

rgb(171, 145, 132)

HSL

hsl(20, 19%, 59%)

HSB

hsb(20, 23%, 67%)

CMYK

cmyk(0%, 15%, 23%, 33%)

Oklch

oklch(67.7% 0.037 48.2)

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

#FACEAA

Apricot · Wheat · Peach Orange

HEX

#FACEAA

RGB

rgb(250, 206, 170)

HSL

hsl(27, 89%, 82%)

HSB

hsb(27, 32%, 98%)

CMYK

cmyk(0%, 18%, 32%, 2%)

Oklch

oklch(88.1% 0.069 61.0)

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

#DACBB6

Goose Yellow · Silver · Peach Orange

HEX

#DACBB6

RGB

rgb(218, 203, 182)

HSL

hsl(35, 33%, 78%)

HSB

hsb(35, 17%, 85%)

CMYK

cmyk(0%, 7%, 17%, 15%)

Oklch

oklch(84.9% 0.033 76.4)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#FDFBE9

Fresh Green · SeaShell · Lemon Cream

HEX

#FDFBE9

RGB

rgb(253, 251, 233)

HSL

hsl(54, 83%, 95%)

HSB

hsb(54, 8%, 99%)

CMYK

cmyk(0%, 1%, 8%, 1%)

Oklch

oklch(98.5% 0.024 101.7)

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

#EAE2CF

Goose Yellow · Bisque · Lemon Cream

HEX

#EAE2CF

RGB

rgb(234, 226, 207)

HSL

hsl(42, 39%, 86%)

HSB

hsb(42, 12%, 92%)

CMYK

cmyk(0%, 3%, 12%, 8%)

Oklch

oklch(91.4% 0.027 87.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AB9184

839DAA

Analogous

AA8389

AB9184

AAA483

Triadic

AB9184

83AA90

9083AA

Split-Comp.

AB9184

83AAA4

8389AA

Tetradic

AB9184

89AA83

839DAA

A483AA

Contrast Matrix WCAG 2.1 Contrast

AB9184	FACEAA	DACBB6	FDFBE9	EAE2CF
—	2.0 Fail	1.9 Fail	2.8 Fail	2.3 Fail
2.0 Fail	—	1.1 Fail	1.4 Fail	1.1 Fail
1.9 Fail	1.1 Fail	—	1.5 Fail	1.2 Fail
2.8 Fail	1.4 Fail	1.5 Fail	—	1.2 Fail
2.3 Fail	1.1 Fail	1.2 Fail	1.2 Fail	—

White BG

3.0Fail

1.5Fail

1.6Fail

1.0Fail

1.3Fail

Black BG

7.1AAA

14.5AAA

13.2AAA

20.2AAA

16.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A0A087

E7E7B3

D4D3BB

FCFCED

E7E6D4

Deuteranopia

A1A388

EAEDB5

D4D6BC

FCFCEE

E7E8D5

Tritanopia

AA8A8A

F8BABB

D9BFC0

FDF1F2

EAD7D8

Achromatopsia

979797

D7D7D7

CDCDCD

FAFAFA

E2E2E2

Shades & Tints Shades & Tints

#AB9184

Dark

Light

#FACEAA

Dark

Light

#DACBB6

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ab9184;
  --color-2: #faceaa;
  --color-3: #dacbb6;
  --color-4: #fdfbe9;
  --color-5: #eae2cf;
}

SCSS

$color-1: #ab9184;
$color-2: #faceaa;
$color-3: #dacbb6;
$color-4: #fdfbe9;
$color-5: #eae2cf;

TAILWIND

colors: {
  'brand-1': '#ab9184',
  'brand-2': '#faceaa',
  'brand-3': '#dacbb6',
  'brand-4': '#fdfbe9',
  'brand-5': '#eae2cf',
}

RGB Array

[171, 145, 132], [250, 206, 170], [218, 203, 182], [253, 251, 233], [234, 226, 207]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #AB9184, #FACEAA, #DACBB6, #FDFBE9, #EAE2CF 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: #ab9184; --color-2: #faceaa; --color-3: #dacbb6; --color-4: #fdfbe9; --color-5: #eae2cf. 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