← Back to Editor

#990066 · #B5496C · #D19170 · #F1E6A4 · #E1BC8B

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

#990066

Rose Purple · Purple · Camellia

HEX
#990066
RGB
rgb(153, 0, 102)
HSL
hsl(320, 100%, 30%)
HSB
hsb(320, 100%, 60%)
CMYK
cmyk(0%, 100%, 33%, 40%)
Oklch
oklch(45.1% 0.189 348.9)

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

#B5496C

Dark Violet · MediumVioletRed · Camellia

HEX
#B5496C
RGB
rgb(181, 73, 108)
HSL
hsl(341, 43%, 50%)
HSB
hsb(341, 60%, 71%)
CMYK
cmyk(0%, 60%, 40%, 29%)
Oklch
oklch(55.8% 0.144 2.7)

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

#D19170

Apricot · DarkSalmon · Warm Sun

HEX
#D19170
RGB
rgb(209, 145, 112)
HSL
hsl(20, 51%, 63%)
HSB
hsb(20, 46%, 82%)
CMYK
cmyk(0%, 31%, 46%, 18%)
Oklch
oklch(71.2% 0.090 48.1)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#F1E6A4

Fresh Green · Wheat · Lemon Cream

HEX
#F1E6A4
RGB
rgb(241, 230, 164)
HSL
hsl(51, 73%, 79%)
HSB
hsb(51, 32%, 95%)
CMYK
cmyk(0%, 5%, 32%, 5%)
Oklch
oklch(91.8% 0.085 99.8)

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

#E1BC8B

Goose Yellow · BurlyWood · Warm Sun

HEX
#E1BC8B
RGB
rgb(225, 188, 139)
HSL
hsl(34, 59%, 71%)
HSB
hsb(34, 38%, 88%)
CMYK
cmyk(0%, 16%, 38%, 12%)
Oklch
oklch(81.6% 0.077 74.2)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

990066
009933

Analogous

7F0099
990066
99001A

Triadic

990066
669900
006699

Split-Comp.

990066
1A9900
009980

Tetradic

990066
997F00
009933
001999

Contrast Matrix WCAG 2.1 Contrast

990066
B5496C
D19170
F1E6A4
E1BC8B
—
1.6
Fail
3.1
AA Large
6.5
AA
4.6
AA
1.6
Fail
—
1.9
Fail
4.0
AA Large
2.8
Fail
3.1
AA Large
1.9
Fail
—
2.1
Fail
1.5
Fail
6.5
AA
4.0
AA Large
2.1
Fail
—
1.4
Fail
4.6
AA
2.8
Fail
1.5
Fail
1.4
Fail
—
White BG
8.2AAA
5.1AA
2.6Fail
1.3Fail
1.8Fail
Black BG
2.5Fail
4.1AA Large
8.0AAA
16.6AAA
11.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

57554D
868564
B5B578
ECECB4
D1D197

Deuteranopia

606B47
8D9562
B9BE7A
EDEEB8
D3D69A

Tritanopia

913A36
B05D5B
CE7E80
F0C1C3
DFA0A2

Achromatopsia

393939
6D6D6D
A0A0A0
E2E2E2
C1C1C1

Shades & Tints Shades & Tints

#990066

Dark
Light

#B5496C

Dark
Light

#D19170

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #990066;
  --color-2: #b5496c;
  --color-3: #d19170;
  --color-4: #f1e6a4;
  --color-5: #e1bc8b;
}

SCSS

$color-1: #990066;
$color-2: #b5496c;
$color-3: #d19170;
$color-4: #f1e6a4;
$color-5: #e1bc8b;

TAILWIND

colors: {
  'brand-1': '#990066',
  'brand-2': '#b5496c',
  'brand-3': '#d19170',
  'brand-4': '#f1e6a4',
  'brand-5': '#e1bc8b',
}

RGB Array

[153, 0, 102], [181, 73, 108], [209, 145, 112], [241, 230, 164], [225, 188, 139]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #990066, #B5496C, #D19170, #F1E6A4, #E1BC8B 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: #990066; --color-2: #b5496c; --color-3: #d19170; --color-4: #f1e6a4; --color-5: #e1bc8b. 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