← Back to Editor

#280C23 · #7D2649 · #CD4666 · #FFB6C3 · #EFDAC7

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 AppData Visualization

Color Details Color Details

#280C23

Rose Purple · Black · Dark Purple

HEX
#280C23
RGB
rgb(40, 12, 35)
HSL
hsl(311, 54%, 10%)
HSB
hsb(311, 70%, 16%)
CMYK
cmyk(0%, 70%, 13%, 84%)
Oklch
oklch(21.1% 0.059 334.9)

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

#7D2649

Dark Violet · Brown · Camellia

HEX
#7D2649
RGB
rgb(125, 38, 73)
HSL
hsl(336, 53%, 32%)
HSB
hsb(336, 70%, 49%)
CMYK
cmyk(0%, 70%, 42%, 51%)
Oklch
oklch(41.3% 0.124 359.4)

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

#CD4666

Crimson · MediumVioletRed · Passion Red

HEX
#CD4666
RGB
rgb(205, 70, 102)
HSL
hsl(346, 57%, 54%)
HSB
hsb(346, 66%, 80%)
CMYK
cmyk(0%, 66%, 50%, 20%)
Oklch
oklch(59.0% 0.171 9.8)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#FFB6C3

Peach Pink · LightPink · Cherry Blossom

HEX
#FFB6C3
RGB
rgb(255, 182, 195)
HSL
hsl(349, 100%, 86%)
HSB
hsb(349, 29%, 100%)
CMYK
cmyk(0%, 29%, 24%, 0%)
Oklch
oklch(84.8% 0.086 7.3)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#EFDAC7

Apricot · Bisque · Peach Orange

HEX
#EFDAC7
RGB
rgb(239, 218, 199)
HSL
hsl(28, 56%, 86%)
HSB
hsb(28, 17%, 94%)
CMYK
cmyk(0%, 9%, 17%, 6%)
Oklch
oklch(90.0% 0.035 64.5)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

280C23
0C2711

Analogous

1F0C27
280C23
270C14

Triadic

280C23
22270C
0C2227

Split-Comp.

280C23
14270C
0C271F

Tetradic

280C23
271F0C
0C2711
0C1427

Contrast Matrix WCAG 2.1 Contrast

280C23
7D2649
CD4666
FFB6C3
EFDAC7
—
1.9
Fail
4.0
AA Large
10.9
AAA
13.3
AAA
1.9
Fail
—
2.1
Fail
5.7
AA
6.9
AA
4.0
AA Large
2.1
Fail
—
2.7
Fail
3.3
AA Large
10.9
AAA
5.7
AA
2.7
Fail
—
1.2
Fail
13.3
AAA
6.9
AA
3.3
AA Large
1.2
Fail
—
White BG
18.0AAA
9.4AAA
4.5AA
1.6Fail
1.4Fail
Black BG
1.2Fail
2.2Fail
4.7AA
12.7AAA
15.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1C1C1D
575741
93915E
DFDFC0
E6E6CC

Deuteranopia

1E201C
5C633E
9AA55C
E4E9BF
E7E9CD

Tritanopia

271918
793A38
C65857
FBBDBD
EECFD0

Achromatopsia

171717
444444
727272
CDCDCD
DEDEDE

Shades & Tints Shades & Tints

#280C23

Dark
Light

#7D2649

Dark
Light

#CD4666

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #280c23;
  --color-2: #7d2649;
  --color-3: #cd4666;
  --color-4: #ffb6c3;
  --color-5: #efdac7;
}

SCSS

$color-1: #280c23;
$color-2: #7d2649;
$color-3: #cd4666;
$color-4: #ffb6c3;
$color-5: #efdac7;

TAILWIND

colors: {
  'brand-1': '#280c23',
  'brand-2': '#7d2649',
  'brand-3': '#cd4666',
  'brand-4': '#ffb6c3',
  'brand-5': '#efdac7',
}

RGB Array

[40, 12, 35], [125, 38, 73], [205, 70, 102], [255, 182, 195], [239, 218, 199]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #280C23, #7D2649, #CD4666, #FFB6C3, #EFDAC7 is ideal for: social media posters, mobile apps, e-commerce promos, 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: #280c23; --color-2: #7d2649; --color-3: #cd4666; --color-4: #ffb6c3; --color-5: #efdac7. 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. 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