← Back to Editor

#CFFFB6 · #B3F3EC · #E2BCFF · #FD9BCE · #AC7F7F

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#CFFFB6

Emerald · Wheat · Mint Green

HEX
#CFFFB6
RGB
rgb(207, 255, 182)
HSL
hsl(99, 100%, 86%)
HSB
hsb(99, 29%, 100%)
CMYK
cmyk(19%, 0%, 29%, 0%)
Oklch
oklch(94.9% 0.107 135.2)

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

#B3F3EC

Jade · LightBlue · Glacier Blue

HEX
#B3F3EC
RGB
rgb(179, 243, 236)
HSL
hsl(173, 73%, 83%)
HSB
hsb(173, 26%, 95%)
CMYK
cmyk(26%, 0%, 3%, 5%)
Oklch
oklch(91.9% 0.065 187.7)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#E2BCFF

Lilac · Lavender · Lavender

HEX
#E2BCFF
RGB
rgb(226, 188, 255)
HSL
hsl(274, 100%, 87%)
HSB
hsb(274, 26%, 100%)
CMYK
cmyk(11%, 26%, 0%, 0%)
Oklch
oklch(85.0% 0.100 310.1)

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

#FD9BCE

Mauve · LightPink · Cherry Blossom

HEX
#FD9BCE
RGB
rgb(253, 155, 206)
HSL
hsl(329, 96%, 80%)
HSB
hsb(329, 39%, 99%)
CMYK
cmyk(0%, 39%, 19%, 1%)
Oklch
oklch(80.4% 0.131 348.0)

Traditional「Mauve」· Paint「Cherry Blossom」· Creative Rose Petal

#AC7F7F

Crimson · Gray · Passion Red

HEX
#AC7F7F
RGB
rgb(172, 127, 127)
HSL
hsl(0, 21%, 59%)
HSB
hsb(0, 26%, 67%)
CMYK
cmyk(0%, 26%, 26%, 33%)
Oklch
oklch(64.1% 0.056 18.7)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CFFFB6
E6B8FF

Analogous

F4FFB8
CFFFB6
B8FFC2

Triadic

CFFFB6
B8D1FF
FFB8D1

Split-Comp.

CFFFB6
C2B8FF
FFB8F4

Tetradic

CFFFB6
B8F4FF
E6B8FF
FFC2B8

Contrast Matrix WCAG 2.1 Contrast

CFFFB6
B3F3EC
E2BCFF
FD9BCE
AC7F7F
—
1.1
Fail
1.4
Fail
1.7
Fail
3.1
AA Large
1.1
Fail
—
1.3
Fail
1.6
Fail
2.8
Fail
1.4
Fail
1.3
Fail
—
1.2
Fail
2.1
Fail
1.7
Fail
1.6
Fail
1.2
Fail
—
1.8
Fail
3.1
AA Large
2.8
Fail
2.1
Fail
1.8
Fail
—
White BG
1.1Fail
1.2Fail
1.6Fail
2.0Fail
3.4AA Large
Black BG
18.6AAA
16.9AAA
12.9AAA
10.8AAA
6.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E4E4C8
CFCFEE
D2D1EF
D3D2C2
99987F

Deuteranopia

E1DDCC
CBC6EE
D4D7EB
D8E0BF
9B9F7F

Tritanopia

D1D6D9
B6EFEF
E0E2DF
F8B8B6
AA7F7F

Achromatopsia

E8E8E8
DFDFDF
CFCFCF
BEBEBE
8C8C8C

Shades & Tints Shades & Tints

#CFFFB6

Dark
Light

#B3F3EC

Dark
Light

#E2BCFF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cfffb6;
  --color-2: #b3f3ec;
  --color-3: #e2bcff;
  --color-4: #fd9bce;
  --color-5: #ac7f7f;
}

SCSS

$color-1: #cfffb6;
$color-2: #b3f3ec;
$color-3: #e2bcff;
$color-4: #fd9bce;
$color-5: #ac7f7f;

TAILWIND

colors: {
  'brand-1': '#cfffb6',
  'brand-2': '#b3f3ec',
  'brand-3': '#e2bcff',
  'brand-4': '#fd9bce',
  'brand-5': '#ac7f7f',
}

RGB Array

[207, 255, 182], [179, 243, 236], [226, 188, 255], [253, 155, 206], [172, 127, 127]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CFFFB6, #B3F3EC, #E2BCFF, #FD9BCE, #AC7F7F 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 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #cfffb6; --color-2: #b3f3ec; --color-3: #e2bcff; --color-4: #fd9bce; --color-5: #ac7f7f. 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 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