← Back to Editor

#D1C8E5 · #EFCB20 · #F29C36 · #C10B67 · #730380

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#D1C8E5

Wisteria · LightGray · Sky Blue

HEX
#D1C8E5
RGB
rgb(209, 200, 229)
HSL
hsl(259, 36%, 84%)
HSB
hsb(259, 13%, 90%)
CMYK
cmyk(9%, 13%, 0%, 10%)
Oklch
oklch(84.9% 0.041 299.7)

Traditional「Wisteria」· Paint「Sky Blue」· Creative Lavender Dream

#EFCB20

Autumn Sage · Gold · Sunflower

HEX
#EFCB20
RGB
rgb(239, 203, 32)
HSL
hsl(50, 87%, 53%)
HSB
hsb(50, 87%, 94%)
CMYK
cmyk(0%, 15%, 87%, 6%)
Oklch
oklch(84.8% 0.169 95.5)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#F29C36

Ginger · GoldenRod · Warm Sun

HEX
#F29C36
RGB
rgb(242, 156, 54)
HSL
hsl(33, 88%, 58%)
HSB
hsb(33, 78%, 95%)
CMYK
cmyk(0%, 36%, 78%, 5%)
Oklch
oklch(76.3% 0.151 65.8)

Traditional「Ginger」· Paint「Warm Sun」· Creative Blush Sunrise

#C10B67

Dark Violet · MediumVioletRed · Camellia

HEX
#C10B67
RGB
rgb(193, 11, 103)
HSL
hsl(330, 89%, 40%)
HSB
hsb(330, 94%, 76%)
CMYK
cmyk(0%, 94%, 47%, 24%)
Oklch
oklch(52.8% 0.210 359.7)

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

#730380

Royal Purple · Purple · Eggplant

HEX
#730380
RGB
rgb(115, 3, 128)
HSL
hsl(294, 95%, 26%)
HSB
hsb(294, 98%, 50%)
CMYK
cmyk(10%, 98%, 0%, 50%)
Oklch
oklch(40.0% 0.187 322.8)

Traditional「Royal Purple」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D1C8E5
DCE5C8

Analogous

C8CDE5
D1C8E5
E0C8E5

Triadic

D1C8E5
E5D1C8
C8E5D1

Split-Comp.

D1C8E5
E5E0C8
CDE5C8

Tetradic

D1C8E5
E5C8CD
DCE5C8
C8E5E0

Contrast Matrix WCAG 2.1 Contrast

D1C8E5
EFCB20
F29C36
C10B67
730380
—
1.0
Fail
1.4
Fail
3.7
AA Large
6.4
AA
1.0
Fail
—
1.4
Fail
3.8
AA Large
6.4
AA
1.4
Fail
1.4
Fail
—
2.7
Fail
4.7
AA
3.7
AA Large
3.8
AA Large
2.7
Fail
—
1.7
Fail
6.4
AA
6.4
AA
4.7
AA
1.7
Fail
—
White BG
1.6Fail
1.6Fail
2.2Fail
6.0AA
10.2AAA
Black BG
13.1AAA
13.2AAA
9.6AAA
3.5AA Large
2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CDCDDE
DFDF49
CDCC4F
727151
434162

Deuteranopia

CECEDC
E2E453
D2D855
7D8A4B
49515B

Tritanopia

D1D8D7
ED6A71
EE6266
B83F3B
6D4A45

Achromatopsia

CECECE
C2C2C2
AAAAAA
4C4C4C
333333

Shades & Tints Shades & Tints

#D1C8E5

Dark
Light

#EFCB20

Dark
Light

#F29C36

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d1c8e5;
  --color-2: #efcb20;
  --color-3: #f29c36;
  --color-4: #c10b67;
  --color-5: #730380;
}

SCSS

$color-1: #d1c8e5;
$color-2: #efcb20;
$color-3: #f29c36;
$color-4: #c10b67;
$color-5: #730380;

TAILWIND

colors: {
  'brand-1': '#d1c8e5',
  'brand-2': '#efcb20',
  'brand-3': '#f29c36',
  'brand-4': '#c10b67',
  'brand-5': '#730380',
}

RGB Array

[209, 200, 229], [239, 203, 32], [242, 156, 54], [193, 11, 103], [115, 3, 128]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D1C8E5, #EFCB20, #F29C36, #C10B67, #730380 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: #d1c8e5; --color-2: #efcb20; --color-3: #f29c36; --color-4: #c10b67; --color-5: #730380. 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