#F12B7A + #B94F80 + #9499BF + #B8BCBB + #E9EBDE · pastel - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

GentleSoothingSweetWarmCool

Industry INDUSTRY

Kids & BabyBeautyLifestyle

UI Context UI CONTEXT

E-commerceSocial PostIllustration

Color Details Color Details

#F12B7A

Dark Violet · DeepPink · Rose Pink

HEX

#F12B7A

RGB

rgb(241, 43, 122)

HSL

hsl(336, 88%, 56%)

HSB

hsb(336, 82%, 95%)

CMYK

cmyk(0%, 82%, 49%, 5%)

Oklch

oklch(63.3% 0.232 3.9)

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

#B94F80

Dark Violet · MediumVioletRed · Rose Pink

HEX

#B94F80

RGB

rgb(185, 79, 128)

HSL

hsl(332, 43%, 52%)

HSB

hsb(332, 57%, 73%)

CMYK

cmyk(0%, 57%, 31%, 27%)

Oklch

oklch(57.8% 0.147 353.8)

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

#9499BF

Azure · DarkGray · Cobalt Blue

HEX

#9499BF

RGB

rgb(148, 153, 191)

HSL

hsl(233, 25%, 66%)

HSB

hsb(233, 23%, 75%)

CMYK

cmyk(23%, 20%, 0%, 25%)

Oklch

oklch(69.2% 0.056 279.0)

Traditional「Azure」· Paint「Cobalt Blue」· Creative Twilight Haze

#B8BCBB

Silver Gray · Silver · Pearl Gray

HEX

#B8BCBB

RGB

rgb(184, 188, 187)

HSL

hsl(165, 3%, 73%)

HSB

hsb(165, 2%, 74%)

CMYK

cmyk(2%, 0%, 1%, 26%)

Oklch

oklch(79.2% 0.005 179.7)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#E9EBDE

Fresh Green · Beige · Lemon Cream

HEX

#E9EBDE

RGB

rgb(233, 235, 222)

HSL

hsl(69, 25%, 90%)

HSB

hsb(69, 6%, 92%)

CMYK

cmyk(1%, 0%, 6%, 8%)

Oklch

oklch(93.5% 0.017 113.8)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F12B7A

2CF2A3

Analogous

F22CDE

F12B7A

F2402C

Triadic

F12B7A

7BF22C

2C7BF2

Split-Comp.

F12B7A

2CF240

2CDEF2

Tetradic

F12B7A

DEF22C

2CF2A3

402CF2

Contrast Matrix WCAG 2.1 Contrast

F12B7A	B94F80	9499BF	B8BCBB	E9EBDE
—	1.2 Fail	1.4 Fail	2.0 Fail	3.2 AA Large
1.2 Fail	—	1.7 Fail	2.4 Fail	3.9 AA Large
1.4 Fail	1.7 Fail	—	1.4 Fail	2.3 Fail
2.0 Fail	2.4 Fail	1.4 Fail	—	1.6 Fail
3.2 AA Large	3.9 AA Large	2.3 Fail	1.6 Fail	—

White BG

3.9AA Large

4.7AA

2.8Fail

1.9Fail

1.2Fail

Black BG

5.4AA

4.5AA Large

7.6AAA

10.9AAA

17.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9B9967

8B8A74

9696B6

BABABB

EAEAE1

Deuteranopia

A7B662

919971

9696B4

BAB9BB

EAEAE2

Tritanopia

E75854

B46B69

94AFAD

B8BBBB

E9E4E4

Achromatopsia

6F6F6F

747474

9C9C9C

BBBBBB

E9E9E9

Shades & Tints Shades & Tints

#F12B7A

Dark

Light

#B94F80

Dark

Light

#9499BF

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f12b7a;
  --color-2: #b94f80;
  --color-3: #9499bf;
  --color-4: #b8bcbb;
  --color-5: #e9ebde;
}

SCSS

$color-1: #f12b7a;
$color-2: #b94f80;
$color-3: #9499bf;
$color-4: #b8bcbb;
$color-5: #e9ebde;

TAILWIND

colors: {
  'brand-1': '#f12b7a',
  'brand-2': '#b94f80',
  'brand-3': '#9499bf',
  'brand-4': '#b8bcbb',
  'brand-5': '#e9ebde',
}

RGB Array

[241, 43, 122], [185, 79, 128], [148, 153, 191], [184, 188, 187], [233, 235, 222]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This pastel-style palette of #F12B7A, #B94F80, #9499BF, #B8BCBB, #E9EBDE is ideal for: health products, baby brands, fresh-style blogs. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #f12b7a; --color-2: #b94f80; --color-3: #9499bf; --color-4: #b8bcbb; --color-5: #e9ebde. 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 tech, SaaS, healthcare, eco industries. 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