#A3DBC9 + #B3B38E + #D39163 + #E26A60 + #C16063 · neon - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

FuturisticEnergeticRebelliousWarmCool

Industry INDUSTRY

GamingWeb3 / CryptoDeep Tech

UI Context UI CONTEXT

Dark Mode UIDashboardCampaign Page

Color Details Color Details

#A3DBC9

Jade · LightBlue · Lake Green

HEX

#A3DBC9

RGB

rgb(163, 219, 201)

HSL

hsl(161, 44%, 75%)

HSB

hsb(161, 26%, 86%)

CMYK

cmyk(26%, 0%, 8%, 14%)

Oklch

oklch(84.8% 0.063 172.9)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#B3B38E

Fresh Green · DarkGray · Sunflower

HEX

#B3B38E

RGB

rgb(179, 179, 142)

HSL

hsl(60, 20%, 63%)

HSB

hsb(60, 21%, 70%)

CMYK

cmyk(0%, 0%, 21%, 30%)

Oklch

oklch(75.7% 0.051 107.6)

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

#D39163

Apricot · DarkSalmon · Warm Sun

HEX

#D39163

RGB

rgb(211, 145, 99)

HSL

hsl(25, 56%, 61%)

HSB

hsb(25, 53%, 83%)

CMYK

cmyk(0%, 31%, 53%, 17%)

Oklch

oklch(71.2% 0.101 55.2)

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

#E26A60

Peach Pink · Salmon · Coral Red

HEX

#E26A60

RGB

rgb(226, 106, 96)

HSL

hsl(5, 69%, 63%)

HSB

hsb(5, 58%, 89%)

CMYK

cmyk(0%, 53%, 58%, 11%)

Oklch

oklch(66.6% 0.152 26.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#C16063

Crimson · LightCoral · Passion Red

HEX

#C16063

RGB

rgb(193, 96, 99)

HSL

hsl(358, 44%, 57%)

HSB

hsb(358, 50%, 76%)

CMYK

cmyk(0%, 50%, 49%, 24%)

Oklch

oklch(60.6% 0.124 19.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A3DBC9

DBA3B5

Analogous

A3DBAD

A3DBC9

A3D1DB

Triadic

A3DBC9

CAA3DB

DBCAA3

Split-Comp.

A3DBC9

DBA3D1

DBADA3

Tetradic

A3DBC9

ADA3DB

DBA3B5

D1DBA3

Contrast Matrix WCAG 2.1 Contrast

A3DBC9	B3B38E	D39163	E26A60	C16063
—	1.4 Fail	1.7 Fail	2.1 Fail	2.6 Fail
1.4 Fail	—	1.2 Fail	1.5 Fail	1.9 Fail
1.7 Fail	1.2 Fail	—	1.2 Fail	1.6 Fail
2.1 Fail	1.5 Fail	1.2 Fail	—	1.3 Fail
2.6 Fail	1.9 Fail	1.6 Fail	1.3 Fail	—

White BG

1.6Fail

2.2Fail

2.6Fail

3.2AA Large

4.1AA Large

Black BG

13.5AAA

9.8AAA

8.0AAA

6.5AA

5.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BBBCCD

B3B397

B6B66E

AEAD62

979662

Deuteranopia

B8B4CE

B3B399

BABF71

B5BE63

9DA462

Tritanopia

A6D1D2

B39EA0

D07779

DC6465

BC6262

Achromatopsia

C8C8C8

AFAFAF

9F9F9F

8D8D8D

7D7D7D

Shades & Tints Shades & Tints

#A3DBC9

Dark

Light

#B3B38E

Dark

Light

#D39163

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a3dbc9;
  --color-2: #b3b38e;
  --color-3: #d39163;
  --color-4: #e26a60;
  --color-5: #c16063;
}

SCSS

$color-1: #a3dbc9;
$color-2: #b3b38e;
$color-3: #d39163;
$color-4: #e26a60;
$color-5: #c16063;

TAILWIND

colors: {
  'brand-1': '#a3dbc9',
  'brand-2': '#b3b38e',
  'brand-3': '#d39163',
  'brand-4': '#e26a60',
  'brand-5': '#c16063',
}

RGB Array

[163, 219, 201], [179, 179, 142], [211, 145, 99], [226, 106, 96], [193, 96, 99]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #A3DBC9, #B3B38E, #D39163, #E26A60, #C16063 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: #a3dbc9; --color-2: #b3b38e; --color-3: #d39163; --color-4: #e26a60; --color-5: #c16063. 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