#B6FF2C + #C8F9CC + #C6E4D5 + #D3D0D9 + #E6B5D9 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#B6FF2C

Grass Green · GreenYellow · Olive Green

HEX

#B6FF2C

RGB

rgb(182, 255, 44)

HSL

hsl(81, 100%, 59%)

HSB

hsb(81, 83%, 100%)

CMYK

cmyk(29%, 0%, 83%, 0%)

Oklch

oklch(91.8% 0.230 128.2)

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

#C8F9CC

Emerald · LightGray · Mint Green

HEX

#C8F9CC

RGB

rgb(200, 249, 204)

HSL

hsl(125, 80%, 88%)

HSB

hsb(125, 20%, 98%)

CMYK

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

Oklch

oklch(93.6% 0.078 147.1)

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

#C6E4D5

Jade · LightGray · Mint Green

HEX

#C6E4D5

RGB

rgb(198, 228, 213)

HSL

hsl(150, 36%, 84%)

HSB

hsb(150, 13%, 89%)

CMYK

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

Oklch

oklch(89.3% 0.038 164.0)

Traditional「Jade」· Paint「Mint Green」· Creative Arctic Pool

#D3D0D9

Wisteria · LightGray · Lavender

HEX

#D3D0D9

RGB

rgb(211, 208, 217)

HSL

hsl(260, 11%, 83%)

HSB

hsb(260, 4%, 85%)

CMYK

cmyk(3%, 4%, 0%, 15%)

Oklch

oklch(86.3% 0.013 301.3)

Traditional「Wisteria」· Paint「Lavender」· Creative Lavender Dream

#E6B5D9

Mauve · Pink · Lavender

HEX

#E6B5D9

RGB

rgb(230, 181, 217)

HSL

hsl(316, 49%, 81%)

HSB

hsb(316, 21%, 90%)

CMYK

cmyk(0%, 21%, 6%, 10%)

Oklch

oklch(82.8% 0.073 335.9)

Traditional「Mauve」· Paint「Lavender」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B6FF2C

772EFF

Analogous

FFE02E

B6FF2C

4DFF2E

Triadic

B6FF2C

2EB6FF

FF2EB6

Split-Comp.

B6FF2C

2E4DFF

E02EFF

Tetradic

B6FF2C

2EFFE0

772EFF

FF2E4D

Contrast Matrix WCAG 2.1 Contrast

B6FF2C	C8F9CC	C6E4D5	D3D0D9	E6B5D9
—	1.0 Fail	1.1 Fail	1.3 Fail	1.4 Fail
1.0 Fail	—	1.2 Fail	1.3 Fail	1.5 Fail
1.1 Fail	1.2 Fail	—	1.1 Fail	1.3 Fail
1.3 Fail	1.3 Fail	1.1 Fail	—	1.2 Fail
1.4 Fail	1.5 Fail	1.3 Fail	1.2 Fail	—

White BG

1.2Fail

1.4Fail

1.5Fail

1.8Fail

Black BG

17.3AAA

17.9AAA

15.5AAA

13.8AAA

12.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D6D65F

DDDED7

D3D3D9

D2D2D7

D1D0D0

Deuteranopia

D1CC6B

DAD7DA

D1CFDA

D2D2D6

D4D7CE

Tritanopia

BA8790

CADFE1

C8DBDC

D3D5D5

E4C9C8

Achromatopsia

D1D1D1

E5E5E5

D9D9D9

D2D2D2

C8C8C8

Shades & Tints Shades & Tints

#B6FF2C

Dark

Light

#C8F9CC

Dark

Light

#C6E4D5

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b6ff2c;
  --color-2: #c8f9cc;
  --color-3: #c6e4d5;
  --color-4: #d3d0d9;
  --color-5: #e6b5d9;
}

SCSS

$color-1: #b6ff2c;
$color-2: #c8f9cc;
$color-3: #c6e4d5;
$color-4: #d3d0d9;
$color-5: #e6b5d9;

TAILWIND

colors: {
  'brand-1': '#b6ff2c',
  'brand-2': '#c8f9cc',
  'brand-3': '#c6e4d5',
  'brand-4': '#d3d0d9',
  'brand-5': '#e6b5d9',
}

RGB Array

[182, 255, 44], [200, 249, 204], [198, 228, 213], [211, 208, 217], [230, 181, 217]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B6FF2C, #C8F9CC, #C6E4D5, #D3D0D9, #E6B5D9 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: #b6ff2c; --color-2: #c8f9cc; --color-3: #c6e4d5; --color-4: #d3d0d9; --color-5: #e6b5d9. 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 general-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