← Back to Editor

#820252 · #E2058B · #DABBDB · #FBE874 · #3DB4B6

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

#820252

Rose Purple · Purple · Camellia

HEX
#820252
RGB
rgb(130, 2, 82)
HSL
hsl(323, 97%, 26%)
HSB
hsb(323, 98%, 51%)
CMYK
cmyk(0%, 98%, 37%, 49%)
Oklch
oklch(40.0% 0.165 351.2)

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

#E2058B

Rose Purple · MediumVioletRed · Camellia

HEX
#E2058B
RGB
rgb(226, 5, 139)
HSL
hsl(324, 96%, 45%)
HSB
hsb(324, 98%, 89%)
CMYK
cmyk(0%, 98%, 38%, 11%)
Oklch
oklch(59.9% 0.245 353.5)

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

#DABBDB

Lilac · LightGray · Lilac Purple

HEX
#DABBDB
RGB
rgb(218, 187, 219)
HSL
hsl(298, 31%, 80%)
HSB
hsb(298, 15%, 86%)
CMYK
cmyk(0%, 15%, 0%, 14%)
Oklch
oklch(82.8% 0.056 325.1)

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

#FBE874

Fresh Green · Khaki · Sunflower

HEX
#FBE874
RGB
rgb(251, 232, 116)
HSL
hsl(52, 94%, 72%)
HSB
hsb(52, 54%, 98%)
CMYK
cmyk(0%, 8%, 54%, 2%)
Oklch
oklch(92.4% 0.138 100.1)

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

#3DB4B6

Slate Blue · LightSeaGreen · Mint Ice

HEX
#3DB4B6
RGB
rgb(61, 180, 182)
HSL
hsl(181, 50%, 48%)
HSB
hsb(181, 66%, 71%)
CMYK
cmyk(66%, 1%, 0%, 29%)
Oklch
oklch(70.6% 0.103 196.7)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

820252
028333

Analogous

740283
820252
830211

Triadic

820252
518302
025183

Split-Comp.

820252
118302
028374

Tetradic

820252
837402
028333
021183

Contrast Matrix WCAG 2.1 Contrast

820252
E2058B
DABBDB
FBE874
3DB4B6
—
2.2
Fail
5.8
AA
8.1
AAA
4.0
AA Large
2.2
Fail
—
2.6
Fail
3.7
AA Large
1.8
Fail
5.8
AA
2.6
Fail
—
1.4
Fail
1.4
Fail
8.1
AAA
3.7
AA Large
1.4
Fail
—
2.0
Fail
4.0
AA Large
1.8
Fail
1.4
Fail
2.0
Fail
—
White BG
10.1AAA
4.5AA
1.7Fail
1.2Fail
2.5Fail
Black BG
2.1Fail
4.6AA
12.1AAA
16.9AAA
8.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4B493F
82806B
CDCCD3
F3F390
7172B6

Deuteranopia

525C3A
8FA063
CED1D1
F4F597
6A61B5

Tritanopia

7C2F2C
D7514B
D8CDCC
FAA6AB
43B5B5

Achromatopsia

313131
565656
C8C8C8
E0E0E0
919191

Shades & Tints Shades & Tints

#820252

Dark
Light

#E2058B

Dark
Light

#DABBDB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #820252;
  --color-2: #e2058b;
  --color-3: #dabbdb;
  --color-4: #fbe874;
  --color-5: #3db4b6;
}

SCSS

$color-1: #820252;
$color-2: #e2058b;
$color-3: #dabbdb;
$color-4: #fbe874;
$color-5: #3db4b6;

TAILWIND

colors: {
  'brand-1': '#820252',
  'brand-2': '#e2058b',
  'brand-3': '#dabbdb',
  'brand-4': '#fbe874',
  'brand-5': '#3db4b6',
}

RGB Array

[130, 2, 82], [226, 5, 139], [218, 187, 219], [251, 232, 116], [61, 180, 182]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #820252, #E2058B, #DABBDB, #FBE874, #3DB4B6 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: #820252; --color-2: #e2058b; --color-3: #dabbdb; --color-4: #fbe874; --color-5: #3db4b6. 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