← Back to Editor

#C6C72E · #DE318A · #86227A · #2C327C · #050400

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

#C6C72E

Autumn Sage · GoldenRod · Honey Gold

HEX
#C6C72E
RGB
rgb(198, 199, 46)
HSL
hsl(60, 62%, 48%)
HSB
hsb(60, 77%, 78%)
CMYK
cmyk(1%, 0%, 77%, 22%)
Oklch
oklch(80.4% 0.163 110.0)

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

#DE318A

Rose Purple · MediumVioletRed · Rose Pink

HEX
#DE318A
RGB
rgb(222, 49, 138)
HSL
hsl(329, 72%, 53%)
HSB
hsb(329, 78%, 87%)
CMYK
cmyk(0%, 78%, 38%, 13%)
Oklch
oklch(60.9% 0.219 354.8)

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

#86227A

Rose Purple · Purple · Eggplant

HEX
#86227A
RGB
rgb(134, 34, 122)
HSL
hsl(307, 60%, 33%)
HSB
hsb(307, 75%, 53%)
CMYK
cmyk(0%, 75%, 9%, 47%)
Oklch
oklch(44.6% 0.167 333.4)

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

#2C327C

Indigo · MidnightBlue · Prussian Blue

HEX
#2C327C
RGB
rgb(44, 50, 124)
HSL
hsl(236, 48%, 33%)
HSB
hsb(236, 65%, 49%)
CMYK
cmyk(65%, 60%, 0%, 51%)
Oklch
oklch(35.8% 0.124 274.8)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#050400

Ochre · Black · Amber Gold

HEX
#050400
RGB
rgb(5, 4, 0)
HSL
hsl(48, 100%, 1%)
HSB
hsb(48, 100%, 2%)
CMYK
cmyk(0%, 20%, 100%, 98%)
Oklch
oklch(10.6% 0.022 101.8)

Traditional「Ochre」· Paint「Amber Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C6C72E
2F2FC6

Analogous

C67A2F
C6C72E
7AC62F

Triadic

C6C72E
2FC6C6
C62FC6

Split-Comp.

C6C72E
2F7AC6
7A2FC6

Tetradic

C6C72E
2FC67A
2F2FC6
C62F7A

Contrast Matrix WCAG 2.1 Contrast

C6C72E
DE318A
86227A
2C327C
050400
—
2.4
Fail
4.6
AA
6.3
AA
11.3
AAA
2.4
Fail
—
1.9
Fail
2.6
Fail
4.8
AA
4.6
AA
1.9
Fail
—
1.4
Fail
2.5
Fail
6.3
AA
2.6
Fail
1.4
Fail
—
1.8
Fail
11.3
AAA
4.8
AA
2.5
Fail
1.8
Fail
—
White BG
1.8Fail
4.3AA Large
8.3AAA
11.3AAA
20.5AAA
Black BG
11.6AAA
4.9AA
2.5Fail
1.9Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C6C653
939274
5B5A65
2F2F6A
050501

Deuteranopia

C6C65C
9DAA6F
616860
2E2E66
050501

Tritanopia

C67077
D56360
815450
2C5C59
050202

Achromatopsia

B5B5B5
6F6F6F
4A4A4A
393939
040404

Shades & Tints Shades & Tints

#C6C72E

Dark
Light

#DE318A

Dark
Light

#86227A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c6c72e;
  --color-2: #de318a;
  --color-3: #86227a;
  --color-4: #2c327c;
  --color-5: #050400;
}

SCSS

$color-1: #c6c72e;
$color-2: #de318a;
$color-3: #86227a;
$color-4: #2c327c;
$color-5: #050400;

TAILWIND

colors: {
  'brand-1': '#c6c72e',
  'brand-2': '#de318a',
  'brand-3': '#86227a',
  'brand-4': '#2c327c',
  'brand-5': '#050400',
}

RGB Array

[198, 199, 46], [222, 49, 138], [134, 34, 122], [44, 50, 124], [5, 4, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C6C72E, #DE318A, #86227A, #2C327C, #050400 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, 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: #c6c72e; --color-2: #de318a; --color-3: #86227a; --color-4: #2c327c; --color-5: #050400. 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. 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