← Back to Editor

#EE799F · #FAC0CC · #FF82AB · #F9C3D5 · #E93684

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

#EE799F

Rouge · LightCoral · Rose Pink

HEX
#EE799F
RGB
rgb(238, 121, 159)
HSL
hsl(341, 77%, 70%)
HSB
hsb(341, 49%, 93%)
CMYK
cmyk(0%, 49%, 33%, 7%)
Oklch
oklch(72.0% 0.149 0.9)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#FAC0CC

Peach Pink · Pink · Cherry Blossom

HEX
#FAC0CC
RGB
rgb(250, 192, 204)
HSL
hsl(348, 85%, 87%)
HSB
hsb(348, 23%, 98%)
CMYK
cmyk(0%, 23%, 18%, 2%)
Oklch
oklch(86.3% 0.068 4.8)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#FF82AB

Rouge · LightCoral · Rose Pink

HEX
#FF82AB
RGB
rgb(255, 130, 171)
HSL
hsl(340, 100%, 75%)
HSB
hsb(340, 49%, 100%)
CMYK
cmyk(0%, 49%, 33%, 0%)
Oklch
oklch(75.8% 0.157 0.7)

Traditional「Rouge」· Paint「Rose Pink」· Creative Rose Petal

#F9C3D5

Rouge · Pink · Cherry Blossom

HEX
#F9C3D5
RGB
rgb(249, 195, 213)
HSL
hsl(340, 82%, 87%)
HSB
hsb(340, 22%, 98%)
CMYK
cmyk(0%, 22%, 14%, 2%)
Oklch
oklch(87.0% 0.066 356.7)

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

#E93684

Dark Violet · DeepPink · Rose Pink

HEX
#E93684
RGB
rgb(233, 54, 132)
HSL
hsl(334, 80%, 56%)
HSB
hsb(334, 77%, 91%)
CMYK
cmyk(0%, 77%, 43%, 9%)
Oklch
oklch(62.9% 0.220 359.8)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EE799F
78EDC8

Analogous

ED78D8
EE799F
ED8D78

Triadic

EE799F
9DED78
789DED

Split-Comp.

EE799F
78ED8D
78D8ED

Tetradic

EE799F
D8ED78
78EDC8
8D78ED

Contrast Matrix WCAG 2.1 Contrast

EE799F
FAC0CC
FF82AB
F9C3D5
E93684
—
1.7
Fail
1.1
Fail
1.8
Fail
1.5
Fail
1.7
Fail
—
1.5
Fail
1.0
Fail
2.5
Fail
1.1
Fail
1.5
Fail
—
1.5
Fail
1.7
Fail
1.8
Fail
1.0
Fail
1.5
Fail
—
2.6
Fail
1.5
Fail
2.5
Fail
1.7
Fail
2.6
Fail
—
White BG
2.7Fail
1.6Fail
2.3Fail
1.5Fail
3.9AA Large
Black BG
7.9AAA
13.5AAA
9.0AAA
13.8AAA
5.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BBBA96
E1E0C9
C9C8A1
E2E1D1
9B9A71

Deuteranopia

C2CB94
E4E9C8
D0DA9F
E5E9D0
A6B36D

Tritanopia

E88F8D
F7C7C6
F99998
F6CDCC
E0625F

Achromatopsia

A0A0A0
D3D3D3
ACACAC
D5D5D5
747474

Shades & Tints Shades & Tints

#EE799F

Dark
Light

#FAC0CC

Dark
Light

#FF82AB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ee799f;
  --color-2: #fac0cc;
  --color-3: #ff82ab;
  --color-4: #f9c3d5;
  --color-5: #e93684;
}

SCSS

$color-1: #ee799f;
$color-2: #fac0cc;
$color-3: #ff82ab;
$color-4: #f9c3d5;
$color-5: #e93684;

TAILWIND

colors: {
  'brand-1': '#ee799f',
  'brand-2': '#fac0cc',
  'brand-3': '#ff82ab',
  'brand-4': '#f9c3d5',
  'brand-5': '#e93684',
}

RGB Array

[238, 121, 159], [250, 192, 204], [255, 130, 171], [249, 195, 213], [233, 54, 132]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #EE799F, #FAC0CC, #FF82AB, #F9C3D5, #E93684 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: #ee799f; --color-2: #fac0cc; --color-3: #ff82ab; --color-4: #f9c3d5; --color-5: #e93684. 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