#CCC835 + #95DC96 + #5EF0F7 + #5AA1B4 + #555170 · 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

#CCC835

Autumn Sage · GoldenRod · Honey Gold

HEX

#CCC835

RGB

rgb(204, 200, 53)

HSL

hsl(58, 60%, 50%)

HSB

hsb(58, 74%, 80%)

CMYK

cmyk(0%, 2%, 74%, 20%)

Oklch

oklch(81.1% 0.159 107.9)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#95DC96

Celadon · LightGreen · Apple Green

HEX

#95DC96

RGB

rgb(149, 220, 150)

HSL

hsl(121, 50%, 72%)

HSB

hsb(121, 32%, 86%)

CMYK

cmyk(32%, 0%, 32%, 14%)

Oklch

oklch(83.0% 0.120 144.7)

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

#5EF0F7

Sky Blue · Turquoise · Lake Green

HEX

#5EF0F7

RGB

rgb(94, 240, 247)

HSL

hsl(183, 91%, 67%)

HSB

hsb(183, 62%, 97%)

CMYK

cmyk(62%, 3%, 0%, 3%)

Oklch

oklch(88.0% 0.124 199.6)

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

#5AA1B4

Slate Blue · CadetBlue · Lake Green

HEX

#5AA1B4

RGB

rgb(90, 161, 180)

HSL

hsl(193, 38%, 53%)

HSB

hsb(193, 50%, 71%)

CMYK

cmyk(50%, 11%, 0%, 29%)

Oklch

oklch(67.0% 0.077 217.1)

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

#555170

Deep Indigo · DimGray · Prussian Blue

HEX

#555170

RGB

rgb(85, 81, 112)

HSL

hsl(248, 16%, 38%)

HSB

hsb(248, 28%, 44%)

CMYK

cmyk(24%, 28%, 0%, 56%)

Oklch

oklch(45.1% 0.050 290.1)

Traditional「Deep Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CCC835

3338CC

Analogous

CC7A33

CCC835

85CC33

Triadic

CCC835

33CCC7

C733CC

Split-Comp.

CCC835

3385CC

7A33CC

Tetradic

CCC835

33CC7A

3338CC

CC3385

Contrast Matrix WCAG 2.1 Contrast

CCC835	95DC96	5EF0F7	5AA1B4	555170
—	1.1 Fail	1.3 Fail	1.7 Fail	4.2 AA Large
1.1 Fail	—	1.2 Fail	1.8 Fail	4.6 AA
1.3 Fail	1.2 Fail	—	2.1 Fail	5.5 AA
1.7 Fail	1.8 Fail	2.1 Fail	—	2.6 Fail
4.2 AA Large	4.6 AA	5.5 AA	2.6 Fail	—

White BG

1.8Fail

1.6Fail

1.4Fail

2.9Fail

7.5AAA

Black BG

11.9AAA

13.0AAA

15.3AAA

7.2AAA

2.8Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CACA59

B4B4A7

9D9FF5

7979AF

535368

Deuteranopia

CBCB61

B0AAAB

958AF5

756FAE

545467

Tritanopia

CC757B

99B4B7

65F4F4

5EACAB

556361

Achromatopsia

B8B8B8

BFBFBF

C5C5C5

8E8E8E

565656

Shades & Tints Shades & Tints

#CCC835

Dark

Light

#95DC96

Dark

Light

#5EF0F7

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ccc835;
  --color-2: #95dc96;
  --color-3: #5ef0f7;
  --color-4: #5aa1b4;
  --color-5: #555170;
}

SCSS

$color-1: #ccc835;
$color-2: #95dc96;
$color-3: #5ef0f7;
$color-4: #5aa1b4;
$color-5: #555170;

TAILWIND

colors: {
  'brand-1': '#ccc835',
  'brand-2': '#95dc96',
  'brand-3': '#5ef0f7',
  'brand-4': '#5aa1b4',
  'brand-5': '#555170',
}

RGB Array

[204, 200, 53], [149, 220, 150], [94, 240, 247], [90, 161, 180], [85, 81, 112]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #CCC835, #95DC96, #5EF0F7, #5AA1B4, #555170 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: #ccc835; --color-2: #95dc96; --color-3: #5ef0f7; --color-4: #5aa1b4; --color-5: #555170. 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