#C5CDDD + #C2DDBF + #B5EC72 + #A4FB02 + #B1B7E8 · 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

#C5CDDD

Azure · LightGray · Sky Blue

HEX

#C5CDDD

RGB

rgb(197, 205, 221)

HSL

hsl(220, 26%, 82%)

HSB

hsb(220, 11%, 87%)

CMYK

cmyk(11%, 7%, 0%, 13%)

Oklch

oklch(84.7% 0.024 264.4)

Traditional「Azure」· Paint「Sky Blue」· Creative Twilight Haze

#C2DDBF

Celadon · LightGray · Mint Green

HEX

#C2DDBF

RGB

rgb(194, 221, 191)

HSL

hsl(114, 31%, 81%)

HSB

hsb(114, 14%, 87%)

CMYK

cmyk(12%, 0%, 14%, 13%)

Oklch

oklch(87.0% 0.050 142.4)

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

#B5EC72

Willow Green · LightGreen · Apple Green

HEX

#B5EC72

RGB

rgb(181, 236, 114)

HSL

hsl(87, 76%, 69%)

HSB

hsb(87, 52%, 93%)

CMYK

cmyk(23%, 0%, 52%, 7%)

Oklch

oklch(88.0% 0.163 129.3)

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

#A4FB02

Grass Green · Chartreuse · Olive Green

HEX

#A4FB02

RGB

rgb(164, 251, 2)

HSL

hsl(81, 98%, 50%)

HSB

hsb(81, 99%, 98%)

CMYK

cmyk(35%, 0%, 99%, 2%)

Oklch

oklch(89.8% 0.243 130.4)

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

#B1B7E8

Azure · LightSteelBlue · Cobalt Blue

HEX

#B1B7E8

RGB

rgb(177, 183, 232)

HSL

hsl(233, 54%, 80%)

HSB

hsb(233, 24%, 91%)

CMYK

cmyk(24%, 21%, 0%, 9%)

Oklch

oklch(79.2% 0.070 279.2)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C5CDDD

DDD5C5

Analogous

C5D9DD

C5CDDD

C9C5DD

Triadic

C5CDDD

DDC5CD

CDDDC5

Split-Comp.

C5CDDD

DDC9C5

D9DDC5

Tetradic

C5CDDD

DDC5D9

DDD5C5

C5DDC9

Contrast Matrix WCAG 2.1 Contrast

C5CDDD	C2DDBF	B5EC72	A4FB02	B1B7E8
—	1.1 Fail	1.2 Fail	1.2 Fail	1.2 Fail
1.1 Fail	—	1.1 Fail	1.1 Fail	1.3 Fail
1.2 Fail	1.1 Fail	—	1.1 Fail	1.4 Fail
1.2 Fail	1.1 Fail	1.1 Fail	—	1.5 Fail
1.2 Fail	1.3 Fail	1.4 Fail	1.5 Fail	—

White BG

1.6Fail

1.5Fail

1.4Fail

1.3Fail

1.9Fail

Black BG

13.2AAA

14.4AAA

15.2AAA

16.4AAA

10.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C8C9D9

CECEC6

CDCD90

CACA3E

B4B4DC

Deuteranopia

C8C7D8

CCCAC8

CAC697

C5BE4D

B3B3D9

Tritanopia

C5D6D5

C3CCCD

B8A7AC

A86E78

B1D3D1

Achromatopsia

CCCCCC

D2D2D2

CECECE

C5C5C5

BBBBBB

Shades & Tints Shades & Tints

#C5CDDD

Dark

Light

#C2DDBF

Dark

Light

#B5EC72

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c5cddd;
  --color-2: #c2ddbf;
  --color-3: #b5ec72;
  --color-4: #a4fb02;
  --color-5: #b1b7e8;
}

SCSS

$color-1: #c5cddd;
$color-2: #c2ddbf;
$color-3: #b5ec72;
$color-4: #a4fb02;
$color-5: #b1b7e8;

TAILWIND

colors: {
  'brand-1': '#c5cddd',
  'brand-2': '#c2ddbf',
  'brand-3': '#b5ec72',
  'brand-4': '#a4fb02',
  'brand-5': '#b1b7e8',
}

RGB Array

[197, 205, 221], [194, 221, 191], [181, 236, 114], [164, 251, 2], [177, 183, 232]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This neon-style palette of #C5CDDD, #C2DDBF, #B5EC72, #A4FB02, #B1B7E8 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: #c5cddd; --color-2: #c2ddbf; --color-3: #b5ec72; --color-4: #a4fb02; --color-5: #b1b7e8. 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