← Back to Editor

#38E8B7 · #77925C · #391B0C · #CFE530 · #F6FAC9

neon

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

FuturisticEnergeticRebelliousWarmCool

Industry INDUSTRY

GamingWeb3 / CryptoDeep Tech

UI Context UI CONTEXT

Dark Mode UIDashboardCampaign PageData Visualization

Color Details Color Details

#38E8B7

Mineral Blue · Turquoise · Lake Green

HEX
#38E8B7
RGB
rgb(56, 232, 183)
HSL
hsl(163, 79%, 56%)
HSB
hsb(163, 76%, 91%)
CMYK
cmyk(76%, 0%, 21%, 9%)
Oklch
oklch(83.3% 0.155 169.0)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#77925C

Celadon · Gray · Olive Green

HEX
#77925C
RGB
rgb(119, 146, 92)
HSL
hsl(90, 23%, 47%)
HSB
hsb(90, 37%, 57%)
CMYK
cmyk(18%, 0%, 37%, 43%)
Oklch
oklch(62.5% 0.083 130.1)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#391B0C

Tangerine · Black · Cinnamon

HEX
#391B0C
RGB
rgb(57, 27, 12)
HSL
hsl(20, 65%, 14%)
HSB
hsb(20, 79%, 22%)
CMYK
cmyk(0%, 53%, 79%, 78%)
Oklch
oklch(26.1% 0.053 46.0)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

#CFE530

Autumn Sage · GreenYellow · Sunflower

HEX
#CFE530
RGB
rgb(207, 229, 48)
HSL
hsl(67, 78%, 54%)
HSB
hsb(67, 79%, 90%)
CMYK
cmyk(10%, 0%, 79%, 10%)
Oklch
oklch(87.6% 0.190 116.8)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#F6FAC9

Fresh Green · Beige · Lemon Cream

HEX
#F6FAC9
RGB
rgb(246, 250, 201)
HSL
hsl(65, 83%, 88%)
HSB
hsb(65, 20%, 98%)
CMYK
cmyk(2%, 0%, 20%, 2%)
Oklch
oklch(97.0% 0.063 111.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

38E8B7
E73668

Analogous

36E75D
38E8B7
36C1E7

Triadic

38E8B7
B536E7
E7B536

Split-Comp.

38E8B7
E736C1
E75D36

Tetradic

38E8B7
5D36E7
E73668
C1E736

Contrast Matrix WCAG 2.1 Contrast

38E8B7
77925C
391B0C
CFE530
F6FAC9
—
2.2
Fail
10.0
AAA
1.1
Fail
1.5
Fail
2.2
Fail
—
4.5
AA
2.5
Fail
3.2
AA Large
10.0
AAA
4.5
AA
—
11.2
AAA
14.5
AAA
1.1
Fail
2.5
Fail
11.2
AAA
—
1.3
Fail
1.5
Fail
3.2
AA Large
14.5
AAA
1.3
Fail
—
White BG
1.6Fail
3.5AA Large
15.7AAA
1.4Fail
1.1Fail
Black BG
13.4AAA
6.1AA
1.3Fail
14.9AAA
19.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8486C3
838369
2C2C10
D9D95C
F8F8D5

Deuteranopia

7A6DC6
817F6C
2E3011
D7D666
F8F7D8

Tritanopia

41CCCE
787376
381213
D07E86
F6DEE0

Achromatopsia

AEAEAE
848484
222222
CACACA
F3F3F3

Shades & Tints Shades & Tints

#38E8B7

Dark
Light

#77925C

Dark
Light

#391B0C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #38e8b7;
  --color-2: #77925c;
  --color-3: #391b0c;
  --color-4: #cfe530;
  --color-5: #f6fac9;
}

SCSS

$color-1: #38e8b7;
$color-2: #77925c;
$color-3: #391b0c;
$color-4: #cfe530;
$color-5: #f6fac9;

TAILWIND

colors: {
  'brand-1': '#38e8b7',
  'brand-2': '#77925c',
  'brand-3': '#391b0c',
  'brand-4': '#cfe530',
  'brand-5': '#f6fac9',
}

RGB Array

[56, 232, 183], [119, 146, 92], [57, 27, 12], [207, 229, 48], [246, 250, 201]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #38E8B7, #77925C, #391B0C, #CFE530, #F6FAC9 is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #38e8b7; --color-2: #77925c; --color-3: #391b0c; --color-4: #cfe530; --color-5: #f6fac9. 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. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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