← Back to Editor

#DE1B69 · #DE5DBC · #C58CDE · #99B9FF · #80FFDF

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 App

Color Details Color Details

#DE1B69

Dark Violet · MediumVioletRed · Camellia

HEX
#DE1B69
RGB
rgb(222, 27, 105)
HSL
hsl(336, 78%, 49%)
HSB
hsb(336, 88%, 87%)
CMYK
cmyk(0%, 88%, 53%, 13%)
Oklch
oklch(58.7% 0.224 5.5)

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

#DE5DBC

Mauve · Orchid · Lilac Purple

HEX
#DE5DBC
RGB
rgb(222, 93, 188)
HSL
hsl(316, 66%, 62%)
HSB
hsb(316, 58%, 87%)
CMYK
cmyk(0%, 58%, 15%, 13%)
Oklch
oklch(67.1% 0.193 339.1)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#C58CDE

Lilac · Orchid · Lilac Purple

HEX
#C58CDE
RGB
rgb(197, 140, 222)
HSL
hsl(282, 55%, 71%)
HSB
hsb(282, 37%, 87%)
CMYK
cmyk(11%, 37%, 0%, 13%)
Oklch
oklch(72.5% 0.130 315.1)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#99B9FF

Azure · LightSkyBlue · Cobalt Blue

HEX
#99B9FF
RGB
rgb(153, 185, 255)
HSL
hsl(221, 100%, 80%)
HSB
hsb(221, 40%, 100%)
CMYK
cmyk(40%, 27%, 0%, 0%)
Oklch
oklch(78.9% 0.106 265.2)

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

#80FFDF

Jade · SkyBlue · Lake Green

HEX
#80FFDF
RGB
rgb(128, 255, 223)
HSL
hsl(165, 100%, 75%)
HSB
hsb(165, 50%, 100%)
CMYK
cmyk(50%, 0%, 13%, 0%)
Oklch
oklch(91.8% 0.123 174.8)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DE1B69
1BDE90

Analogous

DE1BCB
DE1B69
DE2F1B

Triadic

DE1B69
69DE1B
1B69DE

Split-Comp.

DE1B69
1BDE2F
1BCBDE

Tetradic

DE1B69
CBDE1B
1BDE90
2F1BDE

Contrast Matrix WCAG 2.1 Contrast

DE1B69
DE5DBC
C58CDE
99B9FF
80FFDF
—
1.4
Fail
1.8
Fail
2.4
Fail
3.9
AA Large
1.4
Fail
—
1.3
Fail
1.7
Fail
2.7
Fail
1.8
Fail
1.3
Fail
—
1.3
Fail
2.1
Fail
2.4
Fail
1.7
Fail
1.3
Fail
—
1.6
Fail
3.9
AA Large
2.7
Fail
2.1
Fail
1.6
Fail
—
White BG
4.7AA
3.3AA Large
2.6Fail
2.0Fail
1.2Fail
Black BG
4.5AA Large
6.4AA
8.2AAA
10.7AAA
17.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8A8856
A6A5A5
ACACCA
A7A7EE
B7B8E7

Deuteranopia

95A352
AEB7A0
B0B4C5
A5A3EA
B0A6E9

Tritanopia

D44744
D8938F
C2BAB7
9BE1DE
86EDEE

Achromatopsia

5E5E5E
8E8E8E
A6A6A6
B7B7B7
D5D5D5

Shades & Tints Shades & Tints

#DE1B69

Dark
Light

#DE5DBC

Dark
Light

#C58CDE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #de1b69;
  --color-2: #de5dbc;
  --color-3: #c58cde;
  --color-4: #99b9ff;
  --color-5: #80ffdf;
}

SCSS

$color-1: #de1b69;
$color-2: #de5dbc;
$color-3: #c58cde;
$color-4: #99b9ff;
$color-5: #80ffdf;

TAILWIND

colors: {
  'brand-1': '#de1b69',
  'brand-2': '#de5dbc',
  'brand-3': '#c58cde',
  'brand-4': '#99b9ff',
  'brand-5': '#80ffdf',
}

RGB Array

[222, 27, 105], [222, 93, 188], [197, 140, 222], [153, 185, 255], [128, 255, 223]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DE1B69, #DE5DBC, #C58CDE, #99B9FF, #80FFDF 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: #de1b69; --color-2: #de5dbc; --color-3: #c58cde; --color-4: #99b9ff; --color-5: #80ffdf. 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 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