#80F0FF + #D6D5A1 + #B5D6A1 + #FF757A + #A68574 · 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

#80F0FF

Sky Blue · LightSkyBlue · Lake Green

HEX

#80F0FF

RGB

rgb(128, 240, 255)

HSL

hsl(187, 100%, 75%)

HSB

hsb(187, 50%, 100%)

CMYK

cmyk(50%, 6%, 0%, 0%)

Oklch

oklch(89.4% 0.105 206.9)

Traditional「Sky Blue」· Paint「Lake Green」· Creative Arctic Pool

#D6D5A1

Fresh Green · Wheat · Sunflower

HEX

#D6D5A1

RGB

rgb(214, 213, 161)

HSL

hsl(59, 39%, 74%)

HSB

hsb(59, 25%, 84%)

CMYK

cmyk(0%, 0%, 25%, 16%)

Oklch

oklch(86.1% 0.068 106.8)

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

#B5D6A1

Celadon · Silver · Apple Green

HEX

#B5D6A1

RGB

rgb(181, 214, 161)

HSL

hsl(97, 39%, 74%)

HSB

hsb(97, 25%, 84%)

CMYK

cmyk(15%, 0%, 25%, 16%)

Oklch

oklch(83.8% 0.080 133.9)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#FF757A

Peach Pink · Salmon · Coral Red

HEX

#FF757A

RGB

rgb(255, 117, 122)

HSL

hsl(358, 100%, 73%)

HSB

hsb(358, 54%, 100%)

CMYK

cmyk(0%, 54%, 52%, 0%)

Oklch

oklch(72.8% 0.169 20.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#A68574

Tangerine · Gray · Warm Sun

HEX

#A68574

RGB

rgb(166, 133, 116)

HSL

hsl(20, 22%, 55%)

HSB

hsb(20, 30%, 65%)

CMYK

cmyk(0%, 20%, 30%, 35%)

Oklch

oklch(64.3% 0.048 48.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

80F0FF

FF8E80

Analogous

80FFCE

80F0FF

80B0FF

Triadic

80F0FF

FF80F0

F0FF80

Split-Comp.

80F0FF

FF80B0

FFCE80

Tetradic

80F0FF

CE80FF

FF8E80

B0FF80

Contrast Matrix WCAG 2.1 Contrast

80F0FF	D6D5A1	B5D6A1	FF757A	A68574
—	1.1 Fail	1.2 Fail	2.0 Fail	2.5 Fail
1.1 Fail	—	1.1 Fail	1.7 Fail	2.2 Fail
1.2 Fail	1.1 Fail	—	1.6 Fail	2.1 Fail
2.0 Fail	1.7 Fail	1.6 Fail	—	1.3 Fail
2.5 Fail	2.2 Fail	2.1 Fail	1.3 Fail	—

White BG

1.3Fail

1.5Fail

1.6Fail

2.6Fail

3.4AA Large

Black BG

15.8AAA

13.9AAA

13.1AAA

8.1AAA

6.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B0B2FB

D6D6AE

C3C4AE

C3C279

989778

Deuteranopia

AAA2FB

D6D6B1

C1BFB1

CBD679

9A9C79

Tritanopia

86F9F8

D6B8BA

B7B8BA

F87878

A47B7C

Achromatopsia

D0D0D0

CFCFCF

C6C6C6

9F9F9F

8D8D8D

Shades & Tints Shades & Tints

#80F0FF

Dark

Light

#D6D5A1

Dark

Light

#B5D6A1

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #80f0ff;
  --color-2: #d6d5a1;
  --color-3: #b5d6a1;
  --color-4: #ff757a;
  --color-5: #a68574;
}

SCSS

$color-1: #80f0ff;
$color-2: #d6d5a1;
$color-3: #b5d6a1;
$color-4: #ff757a;
$color-5: #a68574;

TAILWIND

colors: {
  'brand-1': '#80f0ff',
  'brand-2': '#d6d5a1',
  'brand-3': '#b5d6a1',
  'brand-4': '#ff757a',
  'brand-5': '#a68574',
}

RGB Array

[128, 240, 255], [214, 213, 161], [181, 214, 161], [255, 117, 122], [166, 133, 116]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #80F0FF, #D6D5A1, #B5D6A1, #FF757A, #A68574 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: #80f0ff; --color-2: #d6d5a1; --color-3: #b5d6a1; --color-4: #ff757a; --color-5: #a68574. 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