← Back to Editor

#CD2562 · #F54E72 · #E08C33 · #DEC028 · #D7DAB7

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 App

Color Details Color Details

#CD2562

Dark Violet · MediumVioletRed · Camellia

HEX
#CD2562
RGB
rgb(205, 37, 98)
HSL
hsl(338, 69%, 47%)
HSB
hsb(338, 82%, 80%)
CMYK
cmyk(0%, 82%, 52%, 20%)
Oklch
oklch(56.0% 0.203 6.0)

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

#F54E72

Peach Pink · Tomato · Coral Red

HEX
#F54E72
RGB
rgb(245, 78, 114)
HSL
hsl(347, 89%, 63%)
HSB
hsb(347, 68%, 96%)
CMYK
cmyk(0%, 68%, 53%, 4%)
Oklch
oklch(66.5% 0.203 12.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#E08C33

Ginger · GoldenRod · Warm Sun

HEX
#E08C33
RGB
rgb(224, 140, 51)
HSL
hsl(31, 74%, 54%)
HSB
hsb(31, 77%, 88%)
CMYK
cmyk(0%, 37%, 77%, 12%)
Oklch
oklch(71.3% 0.142 62.8)

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

#DEC028

Autumn Sage · GoldenRod · Sunflower

HEX
#DEC028
RGB
rgb(222, 192, 40)
HSL
hsl(50, 73%, 51%)
HSB
hsb(50, 82%, 87%)
CMYK
cmyk(0%, 14%, 82%, 13%)
Oklch
oklch(81.0% 0.158 96.9)

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

#D7DAB7

Fresh Green · LightGray · Lemon Cream

HEX
#D7DAB7
RGB
rgb(215, 218, 183)
HSL
hsl(65, 32%, 79%)
HSB
hsb(65, 16%, 85%)
CMYK
cmyk(1%, 0%, 16%, 15%)
Oklch
oklch(87.7% 0.047 111.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CD2562
25CB8E

Analogous

CB25B4
CD2562
CB3B25

Triadic

CD2562
62CB25
2562CB

Split-Comp.

CD2562
25CB3B
25B4CB

Tetradic

CD2562
B4CB25
25CB8E
3B25CB

Contrast Matrix WCAG 2.1 Contrast

CD2562
F54E72
E08C33
DEC028
D7DAB7
—
1.5
Fail
2.0
Fail
2.9
Fail
3.6
AA Large
1.5
Fail
—
1.3
Fail
1.9
Fail
2.3
Fail
2.0
Fail
1.3
Fail
—
1.5
Fail
1.8
Fail
2.9
Fail
1.9
Fail
1.5
Fail
—
1.3
Fail
3.6
AA Large
2.3
Fail
1.8
Fail
1.3
Fail
—
White BG
5.2AA
3.4AA Large
2.6Fail
1.8Fail
1.4Fail
Black BG
4.0AA Large
6.2AA
8.0AAA
11.7AAA
14.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

848353
ADAB69
BCBB49
D1D14D
D8D8BF

Deuteranopia

8E9B50
B6C367
C1C74E
D3D556
D8D8C2

Tritanopia

C54845
ED6261
DC5A5D
DC6A70
D7C6C8

Achromatopsia

5E5E5E
848484
9B9B9B
B8B8B8
D5D5D5

Shades & Tints Shades & Tints

#CD2562

Dark
Light

#F54E72

Dark
Light

#E08C33

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cd2562;
  --color-2: #f54e72;
  --color-3: #e08c33;
  --color-4: #dec028;
  --color-5: #d7dab7;
}

SCSS

$color-1: #cd2562;
$color-2: #f54e72;
$color-3: #e08c33;
$color-4: #dec028;
$color-5: #d7dab7;

TAILWIND

colors: {
  'brand-1': '#cd2562',
  'brand-2': '#f54e72',
  'brand-3': '#e08c33',
  'brand-4': '#dec028',
  'brand-5': '#d7dab7',
}

RGB Array

[205, 37, 98], [245, 78, 114], [224, 140, 51], [222, 192, 40], [215, 218, 183]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CD2562, #F54E72, #E08C33, #DEC028, #D7DAB7 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #cd2562; --color-2: #f54e72; --color-3: #e08c33; --color-4: #dec028; --color-5: #d7dab7. 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. 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