← Back to Editor

#3B0D25 · #7A3030 · #DECBB6 · #E3DDD3 · #D2A36A

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#3B0D25

Rose Purple · Black · Raspberry

HEX
#3B0D25
RGB
rgb(59, 13, 37)
HSL
hsl(329, 64%, 14%)
HSB
hsb(329, 78%, 23%)
CMYK
cmyk(0%, 78%, 37%, 77%)
Oklch
oklch(24.8% 0.077 352.1)

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

#7A3030

Crimson · Brown · Wine Red

HEX
#7A3030
RGB
rgb(122, 48, 48)
HSL
hsl(0, 44%, 33%)
HSB
hsb(0, 61%, 48%)
CMYK
cmyk(0%, 61%, 61%, 52%)
Oklch
oklch(41.4% 0.104 22.7)

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

#DECBB6

Goose Yellow · Wheat · Peach Orange

HEX
#DECBB6
RGB
rgb(222, 203, 182)
HSL
hsl(31, 38%, 79%)
HSB
hsb(31, 18%, 87%)
CMYK
cmyk(0%, 9%, 18%, 13%)
Oklch
oklch(85.2% 0.036 70.1)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#E3DDD3

Goose Yellow · LightGray · Peach Orange

HEX
#E3DDD3
RGB
rgb(227, 221, 211)
HSL
hsl(38, 22%, 86%)
HSB
hsb(38, 7%, 89%)
CMYK
cmyk(0%, 3%, 7%, 11%)
Oklch
oklch(90.0% 0.015 80.7)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#D2A36A

Ginger · DarkSalmon · Warm Sun

HEX
#D2A36A
RGB
rgb(210, 163, 106)
HSL
hsl(33, 54%, 62%)
HSB
hsb(33, 50%, 82%)
CMYK
cmyk(0%, 22%, 50%, 18%)
Oklch
oklch(74.6% 0.093 71.0)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3B0D25
0D3B23

Analogous

3A0D3B
3B0D25
3B0D0E

Triadic

3B0D25
243B0D
0D243B

Split-Comp.

3B0D25
0E3B0D
0D3B3A

Tetradic

3B0D25
3B3A0D
0D3B23
0D0E3B

Contrast Matrix WCAG 2.1 Contrast

3B0D25
7A3030
DECBB6
E3DDD3
D2A36A
—
1.8
Fail
10.5
AAA
12.2
AAA
7.2
AAA
1.8
Fail
—
5.8
AA
6.8
AA
4.0
AA Large
10.5
AAA
5.8
AA
—
1.2
Fail
1.5
Fail
12.2
AAA
6.8
AA
1.2
Fail
—
1.7
Fail
7.2
AAA
4.0
AA Large
1.5
Fail
1.7
Fail
—
White BG
16.5AAA
9.2AAA
1.6Fail
1.4Fail
2.3Fail
Black BG
1.3Fail
2.3Fail
13.3AAA
15.5AAA
9.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

27271F
5A5930
D6D6BB
E0E0D5
BEBD78

Deuteranopia

2A2D1E
5E6430
D7D8BC
E1E1D6
C0C47B

Tritanopia

391B1A
763030
DDBFC0
E3D7D8
D08385

Achromatopsia

1D1D1D
464646
CECECE
DEDEDE
ABABAB

Shades & Tints Shades & Tints

#3B0D25

Dark
Light

#7A3030

Dark
Light

#DECBB6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3b0d25;
  --color-2: #7a3030;
  --color-3: #decbb6;
  --color-4: #e3ddd3;
  --color-5: #d2a36a;
}

SCSS

$color-1: #3b0d25;
$color-2: #7a3030;
$color-3: #decbb6;
$color-4: #e3ddd3;
$color-5: #d2a36a;

TAILWIND

colors: {
  'brand-1': '#3b0d25',
  'brand-2': '#7a3030',
  'brand-3': '#decbb6',
  'brand-4': '#e3ddd3',
  'brand-5': '#d2a36a',
}

RGB Array

[59, 13, 37], [122, 48, 48], [222, 203, 182], [227, 221, 211], [210, 163, 106]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #3B0D25, #7A3030, #DECBB6, #E3DDD3, #D2A36A is ideal for: 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: #3b0d25; --color-2: #7a3030; --color-3: #decbb6; --color-4: #e3ddd3; --color-5: #d2a36a. 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 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