← Back to Editor

#7D4A50 · #B85E68 · #B8AF5E · #DED376 · #46264A

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

#7D4A50

Crimson · DimGray · Wine Red

HEX
#7D4A50
RGB
rgb(125, 74, 80)
HSL
hsl(353, 26%, 39%)
HSB
hsb(353, 41%, 49%)
CMYK
cmyk(0%, 41%, 36%, 51%)
Oklch
oklch(47.0% 0.070 12.5)

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

#B85E68

Crimson · Sienna · Passion Red

HEX
#B85E68
RGB
rgb(184, 94, 104)
HSL
hsl(353, 39%, 55%)
HSB
hsb(353, 49%, 72%)
CMYK
cmyk(0%, 49%, 43%, 28%)
Oklch
oklch(59.1% 0.116 14.3)

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

#B8AF5E

Autumn Sage · Tan · Sunflower

HEX
#B8AF5E
RGB
rgb(184, 175, 94)
HSL
hsl(54, 39%, 55%)
HSB
hsb(54, 49%, 72%)
CMYK
cmyk(0%, 5%, 49%, 28%)
Oklch
oklch(74.4% 0.104 102.9)

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

#DED376

Fresh Green · BurlyWood · Sunflower

HEX
#DED376
RGB
rgb(222, 211, 118)
HSL
hsl(54, 61%, 67%)
HSB
hsb(54, 47%, 87%)
CMYK
cmyk(0%, 5%, 47%, 13%)
Oklch
oklch(85.6% 0.116 102.5)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#46264A

Dark Plum · DarkSlateGray · Eggplant

HEX
#46264A
RGB
rgb(70, 38, 74)
HSL
hsl(293, 32%, 22%)
HSB
hsb(293, 49%, 29%)
CMYK
cmyk(5%, 49%, 0%, 71%)
Oklch
oklch(32.6% 0.074 323.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

7D4A50
4A7D77

Analogous

7D4A69
7D4A50
7D5D4A

Triadic

7D4A50
507D4A
4A507D

Split-Comp.

7D4A50
4A7D5D
4A697D

Tetradic

7D4A50
697D4A
4A7D77
5D4A7D

Contrast Matrix WCAG 2.1 Contrast

7D4A50
B85E68
B8AF5E
DED376
46264A
—
1.6
Fail
3.1
AA Large
4.6
AA
1.8
Fail
1.6
Fail
—
1.9
Fail
2.8
Fail
3.0
Fail
3.1
AA Large
1.9
Fail
—
1.5
Fail
5.7
AA
4.6
AA
2.8
Fail
1.5
Fail
—
8.4
AAA
1.8
Fail
3.0
Fail
5.7
AA
8.4
AAA
—
White BG
7.1AAA
4.3AA Large
2.3Fail
1.5Fail
12.8AAA
Black BG
3.0Fail
4.8AA
9.3AAA
13.7AAA
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

67664F
919066
B4B472
D9D98D
383841

Deuteranopia

6A6E4E
969D65
B5B576
DADB92
3A3C3F

Tritanopia

7A4D4D
B36463
B88184
DD9EA2
443A39

Achromatopsia

5A5A5A
7A7A7A
A8A8A8
CCCCCC
343434

Shades & Tints Shades & Tints

#7D4A50

Dark
Light

#B85E68

Dark
Light

#B8AF5E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #7d4a50;
  --color-2: #b85e68;
  --color-3: #b8af5e;
  --color-4: #ded376;
  --color-5: #46264a;
}

SCSS

$color-1: #7d4a50;
$color-2: #b85e68;
$color-3: #b8af5e;
$color-4: #ded376;
$color-5: #46264a;

TAILWIND

colors: {
  'brand-1': '#7d4a50',
  'brand-2': '#b85e68',
  'brand-3': '#b8af5e',
  'brand-4': '#ded376',
  'brand-5': '#46264a',
}

RGB Array

[125, 74, 80], [184, 94, 104], [184, 175, 94], [222, 211, 118], [70, 38, 74]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #7D4A50, #B85E68, #B8AF5E, #DED376, #46264A 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: #7d4a50; --color-2: #b85e68; --color-3: #b8af5e; --color-4: #ded376; --color-5: #46264a. 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