← Back to Editor

#FFB0D0 · #FF87B7 · #C468AC · #90C468 · #6876C4

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#FFB0D0

Rouge · LightPink · Cherry Blossom

HEX
#FFB0D0
RGB
rgb(255, 176, 208)
HSL
hsl(336, 100%, 85%)
HSB
hsb(336, 31%, 100%)
CMYK
cmyk(0%, 31%, 18%, 0%)
Oklch
oklch(84.1% 0.100 353.5)

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

#FF87B7

Rouge · LightPink · Cherry Blossom

HEX
#FF87B7
RGB
rgb(255, 135, 183)
HSL
hsl(336, 100%, 76%)
HSB
hsb(336, 47%, 100%)
CMYK
cmyk(0%, 47%, 28%, 0%)
Oklch
oklch(76.9% 0.154 356.0)

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

#C468AC

Rose Purple · MediumOrchid · Violet

HEX
#C468AC
RGB
rgb(196, 104, 172)
HSL
hsl(316, 44%, 59%)
HSB
hsb(316, 47%, 77%)
CMYK
cmyk(0%, 47%, 12%, 23%)
Oklch
oklch(64.5% 0.144 337.8)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#90C468

Celadon · DarkSeaGreen · Olive Green

HEX
#90C468
RGB
rgb(144, 196, 104)
HSL
hsl(94, 44%, 59%)
HSB
hsb(94, 47%, 77%)
CMYK
cmyk(27%, 0%, 47%, 23%)
Oklch
oklch(76.3% 0.134 132.9)

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

#6876C4

Azure · SlateBlue · Navy Blue

HEX
#6876C4
RGB
rgb(104, 118, 196)
HSL
hsl(231, 44%, 59%)
HSB
hsb(231, 47%, 77%)
CMYK
cmyk(47%, 40%, 0%, 23%)
Oklch
oklch(59.0% 0.120 274.4)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFB0D0
B3FFE0

Analogous

FFB3F7
FFB0D0
FFBAB3

Triadic

FFB0D0
D1FFB3
B3D1FF

Split-Comp.

FFB0D0
B3FFBA
B3F7FF

Tetradic

FFB0D0
F7FFB3
B3FFE0
BAB3FF

Contrast Matrix WCAG 2.1 Contrast

FFB0D0
FF87B7
C468AC
90C468
6876C4
—
1.3
Fail
2.1
Fail
1.2
Fail
2.5
Fail
1.3
Fail
—
1.6
Fail
1.1
Fail
1.9
Fail
2.1
Fail
1.6
Fail
—
1.7
Fail
1.2
Fail
1.2
Fail
1.1
Fail
1.7
Fail
—
2.1
Fail
2.5
Fail
1.9
Fail
1.2
Fail
2.1
Fail
—
White BG
1.7Fail
2.2Fail
3.5AA Large
2.0Fail
4.2AA Large
Black BG
12.4AAA
9.4AAA
5.9AA
10.3AAA
5.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DDDCC8
CBCAAB
9C9B9C
A7A77E
6E6EB1

Deuteranopia

E1E7C6
D2DBA9
A2A898
A4A084
6D6CAD

Tritanopia

FBC2C1
F9A2A0
BF8F8C
939094
69A29F

Achromatopsia

CBCBCB
B0B0B0
8B8B8B
AAAAAA
7B7B7B

Shades & Tints Shades & Tints

#FFB0D0

Dark
Light

#FF87B7

Dark
Light

#C468AC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ffb0d0;
  --color-2: #ff87b7;
  --color-3: #c468ac;
  --color-4: #90c468;
  --color-5: #6876c4;
}

SCSS

$color-1: #ffb0d0;
$color-2: #ff87b7;
$color-3: #c468ac;
$color-4: #90c468;
$color-5: #6876c4;

TAILWIND

colors: {
  'brand-1': '#ffb0d0',
  'brand-2': '#ff87b7',
  'brand-3': '#c468ac',
  'brand-4': '#90c468',
  'brand-5': '#6876c4',
}

RGB Array

[255, 176, 208], [255, 135, 183], [196, 104, 172], [144, 196, 104], [104, 118, 196]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #FFB0D0, #FF87B7, #C468AC, #90C468, #6876C4 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: #ffb0d0; --color-2: #ff87b7; --color-3: #c468ac; --color-4: #90c468; --color-5: #6876c4. 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 pastel-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