#3AEBD7 + #53837E + #3F5056 + #7C9635 + #B3EF1F · neon - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

FuturisticEnergeticRebelliousCool

Industry INDUSTRY

GamingWeb3 / CryptoDeep Tech

UI Context UI CONTEXT

Dark Mode UIDashboardCampaign Page

Color Details Color Details

#3AEBD7

Mineral Blue · Turquoise · Lake Green

HEX

#3AEBD7

RGB

rgb(58, 235, 215)

HSL

hsl(173, 82%, 57%)

HSB

hsb(173, 75%, 92%)

CMYK

cmyk(75%, 0%, 9%, 8%)

Oklch

oklch(85.0% 0.140 183.5)

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

#53837E

Mineral Blue · SlateGray · Mint Ice

HEX

#53837E

RGB

rgb(83, 131, 126)

HSL

hsl(174, 22%, 42%)

HSB

hsb(174, 37%, 51%)

CMYK

cmyk(37%, 0%, 4%, 49%)

Oklch

oklch(57.4% 0.053 187.5)

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

#3F5056

Slate Blue · DarkSlateGray · Mint Ice

HEX

#3F5056

RGB

rgb(63, 80, 86)

HSL

hsl(196, 15%, 29%)

HSB

hsb(196, 27%, 34%)

CMYK

cmyk(27%, 7%, 0%, 66%)

Oklch

oklch(41.9% 0.023 221.3)

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

#7C9635

Grass Green · Olive · Forest Green

HEX

#7C9635

RGB

rgb(124, 150, 53)

HSL

hsl(76, 48%, 40%)

HSB

hsb(76, 65%, 59%)

CMYK

cmyk(17%, 0%, 65%, 41%)

Oklch

oklch(63.3% 0.127 122.8)

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

#B3EF1F

Grass Green · GreenYellow · Olive Green

HEX

#B3EF1F

RGB

rgb(179, 239, 31)

HSL

hsl(77, 87%, 53%)

HSB

hsb(77, 87%, 94%)

CMYK

cmyk(25%, 0%, 87%, 6%)

Oklch

oklch(87.9% 0.218 126.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3AEBD7

EB374C

Analogous

37EB7C

3AEBD7

37A6EB

Triadic

3AEBD7

D637EB

EBD637

Split-Comp.

3AEBD7

EB37A6

EB7C37

Tetradic

3AEBD7

7C37EB

EB374C

A6EB37

Contrast Matrix WCAG 2.1 Contrast

3AEBD7	53837E	3F5056	7C9635	B3EF1F
—	2.9 Fail	5.6 AA	2.2 Fail	1.1 Fail
2.9 Fail	—	2.0 Fail	1.3 Fail	3.1 AA Large
5.6 AA	2.0 Fail	—	2.5 Fail	6.1 AA
2.2 Fail	1.3 Fail	2.5 Fail	—	2.4 Fail
1.1 Fail	3.1 AA Large	6.1 AA	2.4 Fail	—

White BG

1.5Fail

4.3AA Large

8.4AAA

3.3AA Large

1.4Fail

Black BG

14.0AAA

4.9AA

2.5Fail

6.3AA

15.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8788DC

68687F

464755

87874C

CDCE51

Deuteranopia

7C6FDD

65617F

454454

868452

CAC55D

Tritanopia

43E0E1

558080

405353

7D5F63

B67982

Achromatopsia

B4B4B4

747474

4C4C4C

838383

C5C5C5

Shades & Tints Shades & Tints

#3AEBD7

Dark

Light

#53837E

Dark

Light

#3F5056

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3aebd7;
  --color-2: #53837e;
  --color-3: #3f5056;
  --color-4: #7c9635;
  --color-5: #b3ef1f;
}

SCSS

$color-1: #3aebd7;
$color-2: #53837e;
$color-3: #3f5056;
$color-4: #7c9635;
$color-5: #b3ef1f;

TAILWIND

colors: {
  'brand-1': '#3aebd7',
  'brand-2': '#53837e',
  'brand-3': '#3f5056',
  'brand-4': '#7c9635',
  'brand-5': '#b3ef1f',
}

RGB Array

[58, 235, 215], [83, 131, 126], [63, 80, 86], [124, 150, 53], [179, 239, 31]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #3AEBD7, #53837E, #3F5056, #7C9635, #B3EF1F 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: #3aebd7; --color-2: #53837e; --color-3: #3f5056; --color-4: #7c9635; --color-5: #b3ef1f. 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