← Back to Editor

#D93F67 · #DF7561 · #DAA64C · #CEC348 · #A5E630

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

#D93F67

Dark Violet · MediumVioletRed · Rose Pink

HEX
#D93F67
RGB
rgb(217, 63, 103)
HSL
hsl(344, 67%, 55%)
HSB
hsb(344, 71%, 85%)
CMYK
cmyk(0%, 71%, 53%, 15%)
Oklch
oklch(60.2% 0.191 9.7)

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

#DF7561

Peach Pink · Salmon · Coral Red

HEX
#DF7561
RGB
rgb(223, 117, 97)
HSL
hsl(10, 66%, 63%)
HSB
hsb(10, 57%, 87%)
CMYK
cmyk(0%, 48%, 57%, 13%)
Oklch
oklch(67.9% 0.136 32.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#DAA64C

Ginger · SandyBrown · Warm Sun

HEX
#DAA64C
RGB
rgb(218, 166, 76)
HSL
hsl(38, 66%, 58%)
HSB
hsb(38, 65%, 85%)
CMYK
cmyk(0%, 24%, 65%, 15%)
Oklch
oklch(75.7% 0.123 78.7)

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

#CEC348

Autumn Sage · GoldenRod · Sunflower

HEX
#CEC348
RGB
rgb(206, 195, 72)
HSL
hsl(55, 58%, 55%)
HSB
hsb(55, 65%, 81%)
CMYK
cmyk(0%, 5%, 65%, 19%)
Oklch
oklch(80.4% 0.142 104.2)

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

#A5E630

Grass Green · GreenYellow · Olive Green

HEX
#A5E630
RGB
rgb(165, 230, 48)
HSL
hsl(81, 78%, 55%)
HSB
hsb(81, 79%, 90%)
CMYK
cmyk(28%, 0%, 79%, 10%)
Oklch
oklch(85.0% 0.209 128.2)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D93F67
3FD9B0

Analogous

D93FB5
D93F67
D9633F

Triadic

D93F67
68D93F
3F68D9

Split-Comp.

D93F67
3FD963
3FB5D9

Tetradic

D93F67
B5D93F
3FD9B0
633FD9

Contrast Matrix WCAG 2.1 Contrast

D93F67
DF7561
DAA64C
CEC348
A5E630
—
1.4
Fail
2.0
Fail
2.4
Fail
2.9
Fail
1.4
Fail
—
1.4
Fail
1.7
Fail
2.0
Fail
2.0
Fail
1.4
Fail
—
1.2
Fail
1.5
Fail
2.4
Fail
1.7
Fail
1.2
Fail
—
1.2
Fail
2.9
Fail
2.0
Fail
1.5
Fail
1.2
Fail
—
White BG
4.3AA Large
3.1AA Large
2.2Fail
1.8Fail
1.5Fail
Black BG
4.9AA
6.9AA
9.5AAA
11.5AAA
14.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

96955D
B1B066
C3C362
C9C966
C1C25C

Deuteranopia

9FAB5B
B7BF67
C7CA67
CACB6D
BDB967

Tritanopia

D15654
DA6A6B
D77377
CD7D82
A87F86

Achromatopsia

727272
929292
ABABAB
B8B8B8
BEBEBE

Shades & Tints Shades & Tints

#D93F67

Dark
Light

#DF7561

Dark
Light

#DAA64C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d93f67;
  --color-2: #df7561;
  --color-3: #daa64c;
  --color-4: #cec348;
  --color-5: #a5e630;
}

SCSS

$color-1: #d93f67;
$color-2: #df7561;
$color-3: #daa64c;
$color-4: #cec348;
$color-5: #a5e630;

TAILWIND

colors: {
  'brand-1': '#d93f67',
  'brand-2': '#df7561',
  'brand-3': '#daa64c',
  'brand-4': '#cec348',
  'brand-5': '#a5e630',
}

RGB Array

[217, 63, 103], [223, 117, 97], [218, 166, 76], [206, 195, 72], [165, 230, 48]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D93F67, #DF7561, #DAA64C, #CEC348, #A5E630 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: #d93f67; --color-2: #df7561; --color-3: #daa64c; --color-4: #cec348; --color-5: #a5e630. 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