← Back to Editor

#CE005B · #500031 · #C4C600 · #D5E000 · #262624

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

#CE005B

Dark Violet · Crimson · Camellia

HEX
#CE005B
RGB
rgb(206, 0, 91)
HSL
hsl(333, 100%, 40%)
HSB
hsb(333, 100%, 81%)
CMYK
cmyk(0%, 100%, 56%, 19%)
Oklch
oklch(54.6% 0.219 6.7)

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

#500031

Rose Purple · Maroon · Raspberry

HEX
#500031
RGB
rgb(80, 0, 49)
HSL
hsl(323, 100%, 16%)
HSB
hsb(323, 100%, 31%)
CMYK
cmyk(0%, 100%, 39%, 69%)
Oklch
oklch(28.4% 0.118 350.8)

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

#C4C600

Autumn Sage · GoldenRod · Honey Gold

HEX
#C4C600
RGB
rgb(196, 198, 0)
HSL
hsl(61, 100%, 39%)
HSB
hsb(61, 100%, 78%)
CMYK
cmyk(1%, 0%, 100%, 22%)
Oklch
oklch(79.8% 0.175 110.5)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#D5E000

Autumn Sage · Gold · Honey Gold

HEX
#D5E000
RGB
rgb(213, 224, 0)
HSL
hsl(63, 100%, 44%)
HSB
hsb(63, 100%, 88%)
CMYK
cmyk(5%, 0%, 100%, 12%)
Oklch
oklch(86.9% 0.194 113.3)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#262624

Ink Black · DarkSlateGray · Dark Stone

HEX
#262624
RGB
rgb(38, 38, 36)
HSL
hsl(60, 3%, 15%)
HSB
hsb(60, 5%, 15%)
CMYK
cmyk(0%, 0%, 5%, 85%)
Oklch
oklch(26.8% 0.004 106.6)

Traditional「Ink Black」· Paint「Dark Stone」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CE005B
00CC70

Analogous

CC00C2
CE005B
CC0A00

Triadic

CE005B
5CCC00
005CCC

Split-Comp.

CE005B
00CC0A
00C2CC

Tetradic

CE005B
C2CC00
00CC70
0A00CC

Contrast Matrix WCAG 2.1 Contrast

CE005B
500031
C4C600
D5E000
262624
—
2.7
Fail
3.0
AA Large
3.8
AA Large
2.7
Fail
2.7
Fail
—
8.2
AAA
10.5
AAA
1.0
Fail
3.0
AA Large
8.2
AAA
—
1.3
Fail
8.2
AAA
3.8
AA Large
10.5
AAA
1.3
Fail
—
10.5
AAA
2.7
Fail
1.0
Fail
8.2
AAA
10.5
AAA
—
White BG
5.6AA
15.2AAA
1.8Fail
1.4Fail
15.2AAA
Black BG
3.8AA Large
1.4Fail
11.4AAA
14.5AAA
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

757345
2D2D25
C5C530
DADA36
262624

Deuteranopia

819040
323822
C5C53B
D9D843
262625

Tritanopia

C43430
4C1C1A
C4565E
D6616A
262525

Achromatopsia

484848
1E1E1E
AFAFAF
C3C3C3
262626

Shades & Tints Shades & Tints

#CE005B

Dark
Light

#500031

Dark
Light

#C4C600

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ce005b;
  --color-2: #500031;
  --color-3: #c4c600;
  --color-4: #d5e000;
  --color-5: #262624;
}

SCSS

$color-1: #ce005b;
$color-2: #500031;
$color-3: #c4c600;
$color-4: #d5e000;
$color-5: #262624;

TAILWIND

colors: {
  'brand-1': '#ce005b',
  'brand-2': '#500031',
  'brand-3': '#c4c600',
  'brand-4': '#d5e000',
  'brand-5': '#262624',
}

RGB Array

[206, 0, 91], [80, 0, 49], [196, 198, 0], [213, 224, 0], [38, 38, 36]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CE005B, #500031, #C4C600, #D5E000, #262624 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: #ce005b; --color-2: #500031; --color-3: #c4c600; --color-4: #d5e000; --color-5: #262624. 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