← Back to Editor

#FA886B · #EB676B · #DC466B · #CE256B · #BF046B

pastel

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarm

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#FA886B

Peach Pink · Salmon · Coral Red

HEX
#FA886B
RGB
rgb(250, 136, 107)
HSL
hsl(12, 93%, 70%)
HSB
hsb(12, 57%, 98%)
CMYK
cmyk(0%, 46%, 57%, 2%)
Oklch
oklch(74.6% 0.145 35.3)

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

#EB676B

Peach Pink · Salmon · Coral Red

HEX
#EB676B
RGB
rgb(235, 103, 107)
HSL
hsl(358, 77%, 66%)
HSB
hsb(358, 56%, 92%)
CMYK
cmyk(0%, 56%, 54%, 8%)
Oklch
oklch(67.7% 0.164 20.7)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#DC466B

Vermilion · Tomato · Passion Red

HEX
#DC466B
RGB
rgb(220, 70, 107)
HSL
hsl(345, 68%, 57%)
HSB
hsb(345, 68%, 86%)
CMYK
cmyk(0%, 68%, 51%, 14%)
Oklch
oklch(61.5% 0.187 9.9)

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

#CE256B

Dark Violet · MediumVioletRed · Camellia

HEX
#CE256B
RGB
rgb(206, 37, 107)
HSL
hsl(335, 70%, 48%)
HSB
hsb(335, 82%, 81%)
CMYK
cmyk(0%, 82%, 48%, 19%)
Oklch
oklch(56.4% 0.206 2.5)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#BF046B

Rose Purple · MediumVioletRed · Camellia

HEX
#BF046B
RGB
rgb(191, 4, 107)
HSL
hsl(327, 96%, 38%)
HSB
hsb(327, 98%, 75%)
CMYK
cmyk(0%, 98%, 44%, 25%)
Oklch
oklch(52.4% 0.212 357.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FA886B
6BDDFA

Analogous

FA6B96
FA886B
FACF6B

Triadic

FA886B
6BFA88
886BFA

Split-Comp.

FA886B
6BFACF
6B96FA

Tetradic

FA886B
96FA6B
6BDDFA
CF6BFA

Contrast Matrix WCAG 2.1 Contrast

FA886B
EB676B
DC466B
CE256B
BF046B
—
1.3
Fail
1.7
Fail
2.1
Fail
2.6
Fail
1.3
Fail
—
1.3
Fail
1.6
Fail
1.9
Fail
1.7
Fail
1.3
Fail
—
1.3
Fail
1.5
Fail
2.1
Fail
1.6
Fail
1.3
Fail
—
1.2
Fail
2.6
Fail
1.9
Fail
1.5
Fail
1.2
Fail
—
White BG
2.4Fail
3.1AA Large
4.1AA Large
5.1AA
6.1AA
Black BG
8.8AAA
6.7AA
5.1AA
4.1AA Large
3.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

C9C872
B2B16A
9B9A62
85835A
6E6C52

Deuteranopia

CFD874
BAC36A
A4AF60
8F9B56
79874C

Tritanopia

F47879
E46969
D55B59
C64D4A
B63E3A

Achromatopsia

A7A7A7
8F8F8F
777777
606060
484848

Shades & Tints Shades & Tints

#FA886B

Dark
Light

#EB676B

Dark
Light

#DC466B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fa886b;
  --color-2: #eb676b;
  --color-3: #dc466b;
  --color-4: #ce256b;
  --color-5: #bf046b;
}

SCSS

$color-1: #fa886b;
$color-2: #eb676b;
$color-3: #dc466b;
$color-4: #ce256b;
$color-5: #bf046b;

TAILWIND

colors: {
  'brand-1': '#fa886b',
  'brand-2': '#eb676b',
  'brand-3': '#dc466b',
  'brand-4': '#ce256b',
  'brand-5': '#bf046b',
}

RGB Array

[250, 136, 107], [235, 103, 107], [220, 70, 107], [206, 37, 107], [191, 4, 107]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #FA886B, #EB676B, #DC466B, #CE256B, #BF046B is ideal for: social media posters, mobile apps, e-commerce promos. 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: #fa886b; --color-2: #eb676b; --color-3: #dc466b; --color-4: #ce256b; --color-5: #bf046b. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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