← Back to Editor

#FF7A5E · #882B29 · #661D1C · #412445 · #2D213F

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#FF7A5E

Peach Pink · Coral · Coral Red

HEX
#FF7A5E
RGB
rgb(255, 122, 94)
HSL
hsl(10, 100%, 68%)
HSB
hsb(10, 63%, 100%)
CMYK
cmyk(0%, 52%, 63%, 0%)
Oklch
oklch(73.0% 0.168 33.3)

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

#882B29

Crimson · Brown · Wine Red

HEX
#882B29
RGB
rgb(136, 43, 41)
HSL
hsl(1, 54%, 35%)
HSB
hsb(1, 70%, 53%)
CMYK
cmyk(0%, 68%, 70%, 47%)
Oklch
oklch(43.0% 0.127 25.3)

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

#661D1C

Crimson · Maroon · Wine Red

HEX
#661D1C
RGB
rgb(102, 29, 28)
HSL
hsl(1, 57%, 25%)
HSB
hsb(1, 73%, 40%)
CMYK
cmyk(0%, 72%, 73%, 60%)
Oklch
oklch(34.8% 0.105 25.1)

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

#412445

Dark Plum · DarkSlateGray · Eggplant

HEX
#412445
RGB
rgb(65, 36, 69)
HSL
hsl(293, 31%, 21%)
HSB
hsb(293, 48%, 27%)
CMYK
cmyk(6%, 48%, 0%, 73%)
Oklch
oklch(31.2% 0.068 322.6)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#2D213F

Deep Indigo · DarkSlateGray · Dark Purple

HEX
#2D213F
RGB
rgb(45, 33, 63)
HSL
hsl(264, 31%, 19%)
HSB
hsb(264, 48%, 25%)
CMYK
cmyk(29%, 48%, 0%, 75%)
Oklch
oklch(27.7% 0.056 301.3)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF7A5E
5CE4FF

Analogous

FF5C92
FF7A5E
FFC95C

Triadic

FF7A5E
5CFF77
775CFF

Split-Comp.

FF7A5E
5CFFC9
5C92FF

Tetradic

FF7A5E
92FF5C
5CE4FF
C95CFF

Contrast Matrix WCAG 2.1 Contrast

FF7A5E
882B29
661D1C
412445
2D213F
—
3.4
AA Large
4.7
AA
5.2
AA
5.9
AA
3.4
AA Large
—
1.4
Fail
1.6
Fail
1.7
Fail
4.7
AA
1.4
Fail
—
1.1
Fail
1.3
Fail
5.2
AA
1.6
Fail
1.1
Fail
—
1.1
Fail
5.9
AA
1.7
Fail
1.3
Fail
1.1
Fail
—
White BG
2.6Fail
8.7AAA
11.9AAA
13.4AAA
15.0AAA
Black BG
8.2AAA
2.4Fail
1.8Fail
1.6Fail
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C5C465
605F29
46461C
34343D
282838

Deuteranopia

CDD766
656C2A
4B501C
36383B
292936

Tritanopia

F86A6B
832A2A
621C1C
403735
2C3231

Achromatopsia

9F9F9F
474747
333333
303030
282828

Shades & Tints Shades & Tints

#FF7A5E

Dark
Light

#882B29

Dark
Light

#661D1C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff7a5e;
  --color-2: #882b29;
  --color-3: #661d1c;
  --color-4: #412445;
  --color-5: #2d213f;
}

SCSS

$color-1: #ff7a5e;
$color-2: #882b29;
$color-3: #661d1c;
$color-4: #412445;
$color-5: #2d213f;

TAILWIND

colors: {
  'brand-1': '#ff7a5e',
  'brand-2': '#882b29',
  'brand-3': '#661d1c',
  'brand-4': '#412445',
  'brand-5': '#2d213f',
}

RGB Array

[255, 122, 94], [136, 43, 41], [102, 29, 28], [65, 36, 69], [45, 33, 63]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF7A5E, #882B29, #661D1C, #412445, #2D213F is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ff7a5e; --color-2: #882b29; --color-3: #661d1c; --color-4: #412445; --color-5: #2d213f. 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 tech, SaaS, healthcare, eco industries. 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