#2B5C7C + #91D48D + #6CC3CC + #69E0E4 + #3ACAC0 · 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

#2B5C7C

Slate Blue · DarkSlateBlue · Prussian Blue

HEX

#2B5C7C

RGB

rgb(43, 92, 124)

HSL

hsl(204, 49%, 33%)

HSB

hsb(204, 65%, 49%)

CMYK

cmyk(65%, 26%, 0%, 51%)

Oklch

oklch(45.6% 0.074 239.8)

Traditional「Slate Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

#91D48D

Celadon · DarkSeaGreen · Apple Green

HEX

#91D48D

RGB

rgb(145, 212, 141)

HSL

hsl(117, 45%, 69%)

HSB

hsb(117, 33%, 83%)

CMYK

cmyk(32%, 0%, 33%, 17%)

Oklch

oklch(80.7% 0.119 143.1)

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

#6CC3CC

Sky Blue · MediumAquaMarine · Lake Green

HEX

#6CC3CC

RGB

rgb(108, 195, 204)

HSL

hsl(186, 48%, 61%)

HSB

hsb(186, 47%, 80%)

CMYK

cmyk(47%, 4%, 0%, 20%)

Oklch

oklch(76.6% 0.085 204.2)

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

#69E0E4

Sky Blue · SkyBlue · Lake Green

HEX

#69E0E4

RGB

rgb(105, 224, 228)

HSL

hsl(182, 69%, 65%)

HSB

hsb(182, 54%, 89%)

CMYK

cmyk(54%, 2%, 0%, 11%)

Oklch

oklch(84.0% 0.107 198.3)

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

#3ACAC0

Mineral Blue · MediumTurquoise · Lake Green

HEX

#3ACAC0

RGB

rgb(58, 202, 192)

HSL

hsl(176, 58%, 51%)

HSB

hsb(176, 71%, 79%)

CMYK

cmyk(71%, 0%, 5%, 21%)

Oklch

oklch(76.3% 0.119 188.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2B5C7C

7D4C2B

Analogous

2B7D75

2B5C7C

2B337D

Triadic

2B5C7C

7D2B5C

5C7D2B

Split-Comp.

2B5C7C

7D2B33

7D752B

Tetradic

2B5C7C

752B7D

7D4C2B

337D2B

Contrast Matrix WCAG 2.1 Contrast

2B5C7C	91D48D	6CC3CC	69E0E4	3ACAC0
—	4.1 AA Large	3.5 AA Large	4.6 AA	3.6 AA Large
4.1 AA Large	—	1.2 Fail	1.1 Fail	1.2 Fail
3.5 AA Large	1.2 Fail	—	1.3 Fail	1.0 Fail
4.6 AA	1.1 Fail	1.3 Fail	—	1.3 Fail
3.6 AA Large	1.2 Fail	1.0 Fail	1.3 Fail	—

White BG

7.2AAA

1.7Fail

2.0Fail

1.6Fail

2.0Fail

Black BG

2.9Fail

12.0AAA

10.3AAA

13.4AAA

10.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

404174

AEAF9E

9292CA

9D9EE3

787AC2

Deuteranopia

3D3A72

AAA5A2

8D86C9

968DE3

7065C3

Tritanopia

2D6E6D

94ACAF

70C8C8

6FE2E2

41C4C5

Achromatopsia

515151

B8B8B8

AAAAAA

BDBDBD

9E9E9E

Shades & Tints Shades & Tints

#2B5C7C

Dark

Light

#91D48D

Dark

Light

#6CC3CC

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2b5c7c;
  --color-2: #91d48d;
  --color-3: #6cc3cc;
  --color-4: #69e0e4;
  --color-5: #3acac0;
}

SCSS

$color-1: #2b5c7c;
$color-2: #91d48d;
$color-3: #6cc3cc;
$color-4: #69e0e4;
$color-5: #3acac0;

TAILWIND

colors: {
  'brand-1': '#2b5c7c',
  'brand-2': '#91d48d',
  'brand-3': '#6cc3cc',
  'brand-4': '#69e0e4',
  'brand-5': '#3acac0',
}

RGB Array

[43, 92, 124], [145, 212, 141], [108, 195, 204], [105, 224, 228], [58, 202, 192]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #2B5C7C, #91D48D, #6CC3CC, #69E0E4, #3ACAC0 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: #2b5c7c; --color-2: #91d48d; --color-3: #6cc3cc; --color-4: #69e0e4; --color-5: #3acac0. 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