← Back to Editor

#DBAD93 · #C4B093 · #B0B391 · #FFB0B0 · #786F66

neon

A 5-color neon palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

FuturisticEnergeticRebelliousWarm

Industry INDUSTRY

GamingWeb3 / CryptoDeep Tech

UI Context UI CONTEXT

Dark Mode UIDashboardCampaign PageData Visualization

Color Details Color Details

#DBAD93

Apricot · Tan · Warm Sun

HEX
#DBAD93
RGB
rgb(219, 173, 147)
HSL
hsl(22, 50%, 72%)
HSB
hsb(22, 33%, 86%)
CMYK
cmyk(0%, 21%, 33%, 14%)
Oklch
oklch(78.3% 0.065 50.9)

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

#C4B093

Ginger · Tan · Warm Sun

HEX
#C4B093
RGB
rgb(196, 176, 147)
HSL
hsl(36, 29%, 67%)
HSB
hsb(36, 25%, 77%)
CMYK
cmyk(0%, 10%, 25%, 23%)
Oklch
oklch(76.7% 0.046 77.1)

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

#B0B391

Fresh Green · DarkGray · Sunflower

HEX
#B0B391
RGB
rgb(176, 179, 145)
HSL
hsl(65, 18%, 64%)
HSB
hsb(65, 19%, 70%)
CMYK
cmyk(2%, 0%, 19%, 30%)
Oklch
oklch(75.5% 0.047 111.6)

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

#FFB0B0

Peach Pink · LightPink · Cherry Blossom

HEX
#FFB0B0
RGB
rgb(255, 176, 176)
HSL
hsl(0, 100%, 85%)
HSB
hsb(0, 31%, 100%)
CMYK
cmyk(0%, 31%, 31%, 0%)
Oklch
oklch(83.3% 0.093 19.2)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#786F66

Ochre · DimGray · Warm Gray

HEX
#786F66
RGB
rgb(120, 111, 102)
HSL
hsl(30, 8%, 44%)
HSB
hsb(30, 15%, 47%)
CMYK
cmyk(0%, 7%, 15%, 53%)
Oklch
oklch(54.7% 0.018 67.4)

Traditional「Ochre」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DBAD93
94C1DB

Analogous

DB949D
DBAD93
DBD294

Triadic

DBAD93
94DBAE
AE94DB

Split-Comp.

DBAD93
94DBD2
949DDB

Tetradic

DBAD93
9DDB94
94C1DB
D294DB

Contrast Matrix WCAG 2.1 Contrast

DBAD93
C4B093
B0B391
FFB0B0
786F66
—
1.0
Fail
1.1
Fail
1.2
Fail
2.4
Fail
1.0
Fail
—
1.0
Fail
1.2
Fail
2.3
Fail
1.1
Fail
1.0
Fail
—
1.2
Fail
2.3
Fail
1.2
Fail
1.2
Fail
1.2
Fail
—
2.8
Fail
2.4
Fail
2.3
Fail
2.3
Fail
2.8
Fail
—
White BG
2.0Fail
2.1Fail
2.2Fail
1.7Fail
4.9AA
Black BG
10.4AAA
10.0AAA
9.7AAA
12.1AAA
4.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

C7C799
BBBB9A
B1B199
DDDCB0
747468

Deuteranopia

CACD9B
BDBE9C
B1B19B
E1E7B0
757569

Tritanopia

D99E9F
C3A0A1
B0A0A1
FBB0B0
786A6A

Achromatopsia

B8B8B8
B3B3B3
AEAEAE
C8C8C8
717171

Shades & Tints Shades & Tints

#DBAD93

Dark
Light

#C4B093

Dark
Light

#B0B391

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dbad93;
  --color-2: #c4b093;
  --color-3: #b0b391;
  --color-4: #ffb0b0;
  --color-5: #786f66;
}

SCSS

$color-1: #dbad93;
$color-2: #c4b093;
$color-3: #b0b391;
$color-4: #ffb0b0;
$color-5: #786f66;

TAILWIND

colors: {
  'brand-1': '#dbad93',
  'brand-2': '#c4b093',
  'brand-3': '#b0b391',
  'brand-4': '#ffb0b0',
  'brand-5': '#786f66',
}

RGB Array

[219, 173, 147], [196, 176, 147], [176, 179, 145], [255, 176, 176], [120, 111, 102]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #DBAD93, #C4B093, #B0B391, #FFB0B0, #786F66 is ideal for: health products, baby brands, fresh-style blogs, 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: #dbad93; --color-2: #c4b093; --color-3: #b0b391; --color-4: #ffb0b0; --color-5: #786f66. 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. 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 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