← Back to Editor

#38001D · #451025 · #610032 · #A14040 · #C76D54

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

#38001D

Rose Purple · Black · Raspberry

HEX
#38001D
RGB
rgb(56, 0, 29)
HSL
hsl(329, 100%, 11%)
HSB
hsb(329, 100%, 22%)
CMYK
cmyk(0%, 100%, 48%, 78%)
Oklch
oklch(22.2% 0.091 355.3)

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

#451025

Dark Violet · Maroon · Raspberry

HEX
#451025
RGB
rgb(69, 16, 37)
HSL
hsl(336, 62%, 17%)
HSB
hsb(336, 77%, 27%)
CMYK
cmyk(0%, 77%, 46%, 73%)
Oklch
oklch(27.1% 0.083 0.1)

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

#610032

Rose Purple · Maroon · Raspberry

HEX
#610032
RGB
rgb(97, 0, 50)
HSL
hsl(329, 100%, 19%)
HSB
hsb(329, 100%, 38%)
CMYK
cmyk(0%, 100%, 48%, 62%)
Oklch
oklch(32.0% 0.130 358.4)

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

#A14040

Crimson · Sienna · Passion Red

HEX
#A14040
RGB
rgb(161, 64, 64)
HSL
hsl(0, 43%, 44%)
HSB
hsb(0, 60%, 63%)
CMYK
cmyk(0%, 60%, 60%, 37%)
Oklch
oklch(50.3% 0.129 22.9)

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

#C76D54

Crimson · Chocolate · Passion Red

HEX
#C76D54
RGB
rgb(199, 109, 84)
HSL
hsl(13, 51%, 55%)
HSB
hsb(13, 58%, 78%)
CMYK
cmyk(0%, 45%, 58%, 22%)
Oklch
oklch(63.2% 0.120 36.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

38001D
00381B

Analogous

370038
38001D
380001

Triadic

38001D
1D3800
001D38

Split-Comp.

38001D
013800
003837

Tetradic

38001D
383700
00381B
000138

Contrast Matrix WCAG 2.1 Contrast

38001D
451025
610032
A14040
C76D54
—
1.1
Fail
1.3
Fail
2.8
Fail
4.8
AA
1.1
Fail
—
1.1
Fail
2.5
Fail
4.2
AA Large
1.3
Fail
1.1
Fail
—
2.1
Fail
3.7
AA Large
2.8
Fail
2.5
Fail
2.1
Fail
—
1.7
Fail
4.8
AA
4.2
AA Large
3.7
AA Large
1.7
Fail
—
White BG
17.7AAA
15.5AAA
13.5AAA
6.3AA
3.7AA Large
Black BG
1.2Fail
1.4Fail
1.6Fail
3.3AA Large
5.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

201F16
2E2E20
373626
777640
A09F5A

Deuteranopia

232714
31351F
3D4423
7D8440
A5AC5C

Tritanopia

35100F
421C1B
5C1C1A
9C4040
C25F60

Achromatopsia

141414
222222
232323
5D5D5D
858585

Shades & Tints Shades & Tints

#38001D

Dark
Light

#451025

Dark
Light

#610032

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #38001d;
  --color-2: #451025;
  --color-3: #610032;
  --color-4: #a14040;
  --color-5: #c76d54;
}

SCSS

$color-1: #38001d;
$color-2: #451025;
$color-3: #610032;
$color-4: #a14040;
$color-5: #c76d54;

TAILWIND

colors: {
  'brand-1': '#38001d',
  'brand-2': '#451025',
  'brand-3': '#610032',
  'brand-4': '#a14040',
  'brand-5': '#c76d54',
}

RGB Array

[56, 0, 29], [69, 16, 37], [97, 0, 50], [161, 64, 64], [199, 109, 84]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #38001D, #451025, #610032, #A14040, #C76D54 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: #38001d; --color-2: #451025; --color-3: #610032; --color-4: #a14040; --color-5: #c76d54. 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