← Back to Editor

#B60076 · #EAEF9F · #EEA8A6 · #F994BC · #54020F

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#B60076

Rose Purple · MediumVioletRed · Camellia

HEX
#B60076
RGB
rgb(182, 0, 118)
HSL
hsl(321, 100%, 36%)
HSB
hsb(321, 100%, 71%)
CMYK
cmyk(0%, 100%, 35%, 29%)
Oklch
oklch(51.1% 0.213 350.5)

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

#EAEF9F

Fresh Green · Khaki · Lemon Cream

HEX
#EAEF9F
RGB
rgb(234, 239, 159)
HSL
hsl(64, 71%, 78%)
HSB
hsb(64, 33%, 94%)
CMYK
cmyk(2%, 0%, 33%, 6%)
Oklch
oklch(93.0% 0.101 111.2)

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

#EEA8A6

Peach Pink · LightPink · Coral Red

HEX
#EEA8A6
RGB
rgb(238, 168, 166)
HSL
hsl(2, 68%, 79%)
HSB
hsb(2, 30%, 93%)
CMYK
cmyk(0%, 29%, 30%, 7%)
Oklch
oklch(79.8% 0.083 20.9)

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

#F994BC

Rouge · LightPink · Cherry Blossom

HEX
#F994BC
RGB
rgb(249, 148, 188)
HSL
hsl(336, 89%, 78%)
HSB
hsb(336, 41%, 98%)
CMYK
cmyk(0%, 41%, 24%, 2%)
Oklch
oklch(78.3% 0.129 355.3)

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

#54020F

Vermilion · Maroon · Deep Berry

HEX
#54020F
RGB
rgb(84, 2, 15)
HSL
hsl(350, 95%, 17%)
HSB
hsb(350, 98%, 33%)
CMYK
cmyk(0%, 98%, 82%, 67%)
Oklch
oklch(28.4% 0.111 21.1)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B60076
00B840

Analogous

9C00B8
B60076
B8001C

Triadic

B60076
77B800
0077B8

Split-Comp.

B60076
1CB800
00B89C

Tetradic

B60076
B89C00
00B840
001CB8

Contrast Matrix WCAG 2.1 Contrast

B60076
EAEF9F
EEA8A6
F994BC
54020F
—
5.3
AA
3.3
AA Large
3.1
AA Large
2.3
Fail
5.3
AA
—
1.6
Fail
1.7
Fail
12.5
AAA
3.3
AA Large
1.6
Fail
—
1.1
Fail
7.7
AAA
3.1
AA Large
1.7
Fail
1.1
Fail
—
7.2
AAA
2.3
Fail
12.5
AAA
7.7
AAA
7.2
AAA
—
White BG
6.5AA
1.2Fail
1.9Fail
2.1Fail
15.1AAA
Black BG
3.3AA Large
17.3AAA
10.8AAA
10.0AAA
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

676659
ECECB2
D0CFA6
CDCCB2
30300C

Deuteranopia

727F53
ECECB7
D4D9A7
D3DBB0
353B0B

Tritanopia

AD433E
EAC2C5
EBA7A7
F4ABA9
500909

Achromatopsia

444444
E4E4E4
BDBDBD
B7B7B7
1C1C1C

Shades & Tints Shades & Tints

#B60076

Dark
Light

#EAEF9F

Dark
Light

#EEA8A6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b60076;
  --color-2: #eaef9f;
  --color-3: #eea8a6;
  --color-4: #f994bc;
  --color-5: #54020f;
}

SCSS

$color-1: #b60076;
$color-2: #eaef9f;
$color-3: #eea8a6;
$color-4: #f994bc;
$color-5: #54020f;

TAILWIND

colors: {
  'brand-1': '#b60076',
  'brand-2': '#eaef9f',
  'brand-3': '#eea8a6',
  'brand-4': '#f994bc',
  'brand-5': '#54020f',
}

RGB Array

[182, 0, 118], [234, 239, 159], [238, 168, 166], [249, 148, 188], [84, 2, 15]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B60076, #EAEF9F, #EEA8A6, #F994BC, #54020F is ideal for: social media posters, mobile apps, e-commerce promos, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #b60076; --color-2: #eaef9f; --color-3: #eea8a6; --color-4: #f994bc; --color-5: #54020f. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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