← Back to Editor

#CC4E7A · #94A617 · #293740 · #D2C73A · #026E65

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

#CC4E7A

Dark Violet · MediumVioletRed · Rose Pink

HEX
#CC4E7A
RGB
rgb(204, 78, 122)
HSL
hsl(339, 55%, 55%)
HSB
hsb(339, 62%, 80%)
CMYK
cmyk(0%, 62%, 40%, 20%)
Oklch
oklch(60.3% 0.164 1.7)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#94A617

Autumn Sage · Olive · Honey Gold

HEX
#94A617
RGB
rgb(148, 166, 23)
HSL
hsl(68, 76%, 37%)
HSB
hsb(68, 86%, 65%)
CMYK
cmyk(11%, 0%, 86%, 35%)
Oklch
oklch(68.8% 0.153 117.4)

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

#293740

Slate Blue · DarkSlateGray · Prussian Blue

HEX
#293740
RGB
rgb(41, 55, 64)
HSL
hsl(203, 22%, 21%)
HSB
hsb(203, 36%, 25%)
CMYK
cmyk(36%, 14%, 0%, 75%)
Oklch
oklch(32.8% 0.024 236.7)

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

#D2C73A

Autumn Sage · GoldenRod · Sunflower

HEX
#D2C73A
RGB
rgb(210, 199, 58)
HSL
hsl(56, 63%, 53%)
HSB
hsb(56, 72%, 82%)
CMYK
cmyk(0%, 5%, 72%, 18%)
Oklch
oklch(81.5% 0.154 104.8)

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

#026E65

Mineral Blue · Teal · Peacock Green

HEX
#026E65
RGB
rgb(2, 110, 101)
HSL
hsl(175, 96%, 22%)
HSB
hsb(175, 98%, 43%)
CMYK
cmyk(98%, 0%, 8%, 57%)
Oklch
oklch(48.4% 0.085 185.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CC4E7A
4DCB9F

Analogous

CB4DB8
CC4E7A
CB604D

Triadic

CC4E7A
79CB4D
4D79CB

Split-Comp.

CC4E7A
4DCB60
4DB8CB

Tetradic

CC4E7A
B8CB4D
4DCB9F
604DCB

Contrast Matrix WCAG 2.1 Contrast

CC4E7A
94A617
293740
D2C73A
026E65
—
1.6
Fail
2.9
Fail
2.4
Fail
1.4
Fail
1.6
Fail
—
4.5
AA
1.5
Fail
2.3
Fail
2.9
Fail
4.5
AA
—
7.0
AA
2.0
Fail
2.4
Fail
1.5
Fail
7.0
AA
—
3.5
AA Large
1.4
Fail
2.3
Fail
2.0
Fail
3.5
AA Large
—
White BG
4.3AA Large
2.7Fail
12.2AAA
1.8Fail
6.1AA
Black BG
4.9AA
7.7AAA
1.7Fail
12.0AAA
3.4AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

95946F
9C9C3A
2F2F3E
CDCD5C
313267

Deuteranopia

9DA66D
9B9942
2E2D3D
CECF64
2B2268

Tritanopia

C66765
95555B
2A3C3C
D1777D
076969

Achromatopsia

797979
909090
343434
BABABA
4D4D4D

Shades & Tints Shades & Tints

#CC4E7A

Dark
Light

#94A617

Dark
Light

#293740

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cc4e7a;
  --color-2: #94a617;
  --color-3: #293740;
  --color-4: #d2c73a;
  --color-5: #026e65;
}

SCSS

$color-1: #cc4e7a;
$color-2: #94a617;
$color-3: #293740;
$color-4: #d2c73a;
$color-5: #026e65;

TAILWIND

colors: {
  'brand-1': '#cc4e7a',
  'brand-2': '#94a617',
  'brand-3': '#293740',
  'brand-4': '#d2c73a',
  'brand-5': '#026e65',
}

RGB Array

[204, 78, 122], [148, 166, 23], [41, 55, 64], [210, 199, 58], [2, 110, 101]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CC4E7A, #94A617, #293740, #D2C73A, #026E65 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: #cc4e7a; --color-2: #94a617; --color-3: #293740; --color-4: #d2c73a; --color-5: #026e65. 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