← Back to Editor

#B6FF68 · #DEB0AF · #FCBBEF · #FF80F3

A 4-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#B6FF68

Willow Green · GreenYellow · Apple Green

HEX
#B6FF68
RGB
rgb(182, 255, 104)
HSL
hsl(89, 100%, 70%)
HSB
hsb(89, 59%, 100%)
CMYK
cmyk(29%, 0%, 59%, 0%)
Oklch
oklch(92.2% 0.196 131.1)

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

#DEB0AF

Peach Pink · Tan · Coral Red

HEX
#DEB0AF
RGB
rgb(222, 176, 175)
HSL
hsl(1, 42%, 78%)
HSB
hsb(1, 21%, 87%)
CMYK
cmyk(0%, 21%, 21%, 13%)
Oklch
oklch(79.8% 0.054 19.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FCBBEF

Mauve · Pink · Lavender

HEX
#FCBBEF
RGB
rgb(252, 187, 239)
HSL
hsl(312, 92%, 86%)
HSB
hsb(312, 26%, 99%)
CMYK
cmyk(0%, 26%, 5%, 1%)
Oklch
oklch(86.7% 0.100 333.6)

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

#FF80F3

Mauve · Violet · Lilac Purple

HEX
#FF80F3
RGB
rgb(255, 128, 243)
HSL
hsl(306, 100%, 75%)
HSB
hsb(306, 50%, 100%)
CMYK
cmyk(0%, 50%, 5%, 0%)
Oklch
oklch(78.2% 0.204 331.0)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B6FF68
B066FF

Analogous

FFFC66
B6FF68
69FF66

Triadic

B6FF68
66B5FF
FF66B5

Split-Comp.

B6FF68
6669FF
FC66FF

Tetradic

B6FF68
66FFFC
B066FF
FF6669

Contrast Matrix WCAG 2.1 Contrast

B6FF68
DEB0AF
FCBBEF
FF80F3
—
1.6
Fail
1.3
Fail
1.8
Fail
1.6
Fail
—
1.2
Fail
1.1
Fail
1.3
Fail
1.2
Fail
—
1.4
Fail
1.8
Fail
1.1
Fail
1.4
Fail
—
White BG
1.2Fail
1.9Fail
1.6Fail
2.2Fail
Black BG
17.5AAA
10.9AAA
13.5AAA
9.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D6D68D
CACAAF
E0DFE2
C8C7D7

Deuteranopia

D1CC95
CDD0AF
E4E8DF
CFD9D1

Tritanopia

BAA9B0
DCAFAF
F9D8D6
F9C1BC

Achromatopsia

D8D8D8
BEBEBE
D4D4D4
B3B3B3

Shades & Tints Shades & Tints

#B6FF68

Dark
Light

#DEB0AF

Dark
Light

#FCBBEF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b6ff68;
  --color-2: #deb0af;
  --color-3: #fcbbef;
  --color-4: #ff80f3;
}

SCSS

$color-1: #b6ff68;
$color-2: #deb0af;
$color-3: #fcbbef;
$color-4: #ff80f3;

TAILWIND

colors: {
  'brand-1': '#b6ff68',
  'brand-2': '#deb0af',
  'brand-3': '#fcbbef',
  'brand-4': '#ff80f3',
}

RGB Array

[182, 255, 104], [222, 176, 175], [252, 187, 239], [255, 128, 243]

FAQ FAQ

What scenarios is this 4-color palette suitable for?

This general-style palette of #B6FF68, #DEB0AF, #FCBBEF, #FF80F3 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 4-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #b6ff68; --color-2: #deb0af; --color-3: #fcbbef; --color-4: #ff80f3. 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 4-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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