← Back to Editor

#DE0454 · #C0CD4E · #1FAD83 · #03727F · #5B0079

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

#DE0454

Dark Violet · Crimson · Camellia

HEX
#DE0454
RGB
rgb(222, 4, 84)
HSL
hsl(338, 96%, 44%)
HSB
hsb(338, 98%, 87%)
CMYK
cmyk(0%, 98%, 62%, 13%)
Oklch
oklch(57.5% 0.229 11.9)

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

#C0CD4E

Autumn Sage · GreenYellow · Sunflower

HEX
#C0CD4E
RGB
rgb(192, 205, 78)
HSL
hsl(66, 56%, 55%)
HSB
hsb(66, 62%, 80%)
CMYK
cmyk(6%, 0%, 62%, 20%)
Oklch
oklch(81.4% 0.150 114.7)

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

#1FAD83

Mineral Blue · MediumSeaGreen · Mint Ice

HEX
#1FAD83
RGB
rgb(31, 173, 131)
HSL
hsl(162, 70%, 40%)
HSB
hsb(162, 82%, 68%)
CMYK
cmyk(82%, 0%, 24%, 32%)
Oklch
oklch(66.7% 0.130 166.9)

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

#03727F

Lake Blue · Teal · Peacock Green

HEX
#03727F
RGB
rgb(3, 114, 127)
HSL
hsl(186, 95%, 25%)
HSB
hsb(186, 98%, 50%)
CMYK
cmyk(98%, 10%, 0%, 50%)
Oklch
oklch(50.6% 0.086 208.7)

Traditional「Lake Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#5B0079

Royal Purple · Purple · Eggplant

HEX
#5B0079
RGB
rgb(91, 0, 121)
HSL
hsl(285, 100%, 24%)
HSB
hsb(285, 100%, 47%)
CMYK
cmyk(25%, 100%, 0%, 53%)
Oklch
oklch(35.4% 0.175 314.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DE0454
04DC8D

Analogous

DC04BF
DE0454
DC2104

Triadic

DE0454
53DC04
0453DC

Split-Comp.

DE0454
04DC21
04BFDC

Tetradic

DE0454
BFDC04
04DC8D
2104DC

Contrast Matrix WCAG 2.1 Contrast

DE0454
C0CD4E
1FAD83
03727F
5B0079
—
2.8
Fail
1.7
Fail
1.1
Fail
2.5
Fail
2.8
Fail
—
1.6
Fail
3.3
AA Large
7.0
AAA
1.7
Fail
1.6
Fail
—
2.0
Fail
4.3
AA Large
1.1
Fail
3.3
AA Large
2.0
Fail
—
2.2
Fail
2.5
Fail
7.0
AAA
4.3
AA Large
2.2
Fail
—
White BG
4.9AA
1.7Fail
2.9Fail
5.6AA
12.2AAA
Black BG
4.3AA Large
12.1AAA
7.4AAA
3.7AA Large
1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

807E41
C6C66D
5C5E8D
33347C
34335C

Deuteranopia

8C9D3C
C5C474
544A90
2D247B
394055

Tritanopia

D3312E
C1858A
269597
097979
564540

Achromatopsia

4E4E4E
BBBBBB
7E7E7E
525252
292929

Shades & Tints Shades & Tints

#DE0454

Dark
Light

#C0CD4E

Dark
Light

#1FAD83

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #de0454;
  --color-2: #c0cd4e;
  --color-3: #1fad83;
  --color-4: #03727f;
  --color-5: #5b0079;
}

SCSS

$color-1: #de0454;
$color-2: #c0cd4e;
$color-3: #1fad83;
$color-4: #03727f;
$color-5: #5b0079;

TAILWIND

colors: {
  'brand-1': '#de0454',
  'brand-2': '#c0cd4e',
  'brand-3': '#1fad83',
  'brand-4': '#03727f',
  'brand-5': '#5b0079',
}

RGB Array

[222, 4, 84], [192, 205, 78], [31, 173, 131], [3, 114, 127], [91, 0, 121]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DE0454, #C0CD4E, #1FAD83, #03727F, #5B0079 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. 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: #de0454; --color-2: #c0cd4e; --color-3: #1fad83; --color-4: #03727f; --color-5: #5b0079. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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