← Back to Editor

#FF0066 · #FFB300 · #B0FF05 · #00FFC8 · #708D91

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 Page

Color Details Color Details

#FF0066

Dark Violet · DeepPink · Camellia

HEX
#FF0066
RGB
rgb(255, 0, 102)
HSL
hsl(336, 100%, 50%)
HSB
hsb(336, 100%, 100%)
CMYK
cmyk(0%, 100%, 60%, 0%)
Oklch
oklch(63.9% 0.255 10.5)

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

#FFB300

Ochre · Orange · Honey Gold

HEX
#FFB300
RGB
rgb(255, 179, 0)
HSL
hsl(42, 100%, 50%)
HSB
hsb(42, 100%, 100%)
CMYK
cmyk(0%, 30%, 100%, 0%)
Oklch
oklch(81.8% 0.171 77.9)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#B0FF05

Grass Green · GreenYellow · Olive Green

HEX
#B0FF05
RGB
rgb(176, 255, 5)
HSL
hsl(79, 100%, 51%)
HSB
hsb(79, 98%, 100%)
CMYK
cmyk(31%, 0%, 98%, 0%)
Oklch
oklch(91.4% 0.241 128.8)

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

#00FFC8

Mineral Blue · MediumSpringGreen · Mint Ice

HEX
#00FFC8
RGB
rgb(0, 255, 200)
HSL
hsl(167, 100%, 50%)
HSB
hsb(167, 100%, 100%)
CMYK
cmyk(100%, 0%, 22%, 0%)
Oklch
oklch(88.9% 0.177 169.8)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#708D91

Slate Blue · LightSlateGray · Mint Ice

HEX
#708D91
RGB
rgb(112, 141, 145)
HSL
hsl(187, 13%, 50%)
HSB
hsb(187, 23%, 57%)
CMYK
cmyk(23%, 3%, 0%, 43%)
Oklch
oklch(62.3% 0.033 206.7)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF0066
00FF99

Analogous

FF00E6
FF0066
FF1900

Triadic

FF0066
66FF00
0066FF

Split-Comp.

FF0066
00FF19
00E6FF

Tetradic

FF0066
E5FF00
00FF99
1900FF

Contrast Matrix WCAG 2.1 Contrast

FF0066
FFB300
B0FF05
00FFC8
708D91
—
2.1
Fail
3.2
AA Large
3.0
Fail
1.1
Fail
2.1
Fail
—
1.5
Fail
1.4
Fail
2.0
Fail
3.2
AA Large
1.5
Fail
—
1.1
Fail
2.9
Fail
3.0
Fail
1.4
Fail
1.1
Fail
—
2.7
Fail
1.1
Fail
2.0
Fail
2.9
Fail
2.7
Fail
—
White BG
3.9AA Large
1.8Fail
1.2Fail
1.3Fail
3.6AA Large
Black BG
5.4AA
11.7AAA
17.2AAA
16.1AAA
5.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

918E4D
DEDD2B
D2D342
6E71D5
7D7D90

Deuteranopia

9FB347
E3E836
CEC850
604DD9
7B7990

Tritanopia

F23A36
FB4E55
B4717C
0DE0E2
718F8F

Achromatopsia

585858
B5B5B5
CBCBCB
ACACAC
858585

Shades & Tints Shades & Tints

#FF0066

Dark
Light

#FFB300

Dark
Light

#B0FF05

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff0066;
  --color-2: #ffb300;
  --color-3: #b0ff05;
  --color-4: #00ffc8;
  --color-5: #708d91;
}

SCSS

$color-1: #ff0066;
$color-2: #ffb300;
$color-3: #b0ff05;
$color-4: #00ffc8;
$color-5: #708d91;

TAILWIND

colors: {
  'brand-1': '#ff0066',
  'brand-2': '#ffb300',
  'brand-3': '#b0ff05',
  'brand-4': '#00ffc8',
  'brand-5': '#708d91',
}

RGB Array

[255, 0, 102], [255, 179, 0], [176, 255, 5], [0, 255, 200], [112, 141, 145]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #FF0066, #FFB300, #B0FF05, #00FFC8, #708D91 is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. 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: #ff0066; --color-2: #ffb300; --color-3: #b0ff05; --color-4: #00ffc8; --color-5: #708d91. 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 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