← Back to Editor

#392E3D · #7A406D · #F27C41 · #FFDA82 · #BDAF37

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

#392E3D

Dark Plum · DarkSlateGray · Eggplant

HEX
#392E3D
RGB
rgb(57, 46, 61)
HSL
hsl(284, 14%, 21%)
HSB
hsb(284, 25%, 24%)
CMYK
cmyk(7%, 25%, 0%, 76%)
Oklch
oklch(31.9% 0.030 317.0)

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

#7A406D

Rose Purple · DimGray · Eggplant

HEX
#7A406D
RGB
rgb(122, 64, 109)
HSL
hsl(313, 31%, 36%)
HSB
hsb(313, 48%, 48%)
CMYK
cmyk(0%, 48%, 11%, 52%)
Oklch
oklch(45.9% 0.101 336.1)

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

#F27C41

Tangerine · Coral · Warm Sun

HEX
#F27C41
RGB
rgb(242, 124, 65)
HSL
hsl(20, 87%, 60%)
HSB
hsb(20, 73%, 95%)
CMYK
cmyk(0%, 49%, 73%, 5%)
Oklch
oklch(71.1% 0.162 45.2)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#FFDA82

Goose Yellow · Khaki · Sunflower

HEX
#FFDA82
RGB
rgb(255, 218, 130)
HSL
hsl(42, 100%, 75%)
HSB
hsb(42, 49%, 100%)
CMYK
cmyk(0%, 15%, 49%, 0%)
Oklch
oklch(90.1% 0.115 87.3)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#BDAF37

Autumn Sage · GoldenRod · Honey Gold

HEX
#BDAF37
RGB
rgb(189, 175, 55)
HSL
hsl(54, 55%, 48%)
HSB
hsb(54, 71%, 74%)
CMYK
cmyk(0%, 7%, 71%, 26%)
Oklch
oklch(74.4% 0.137 102.5)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

392E3D
323D2E

Analogous

322E3D
392E3D
3D2E3A

Triadic

392E3D
3D392E
2E3D39

Split-Comp.

392E3D
3A3D2E
2E3D32

Tetradic

392E3D
3D322E
323D2E
2E3A3D

Contrast Matrix WCAG 2.1 Contrast

392E3D
7A406D
F27C41
FFDA82
BDAF37
—
1.7
Fail
4.7
AA
9.6
AAA
5.7
AA
1.7
Fail
—
2.8
Fail
5.6
AA
3.4
AA Large
4.7
AA
2.8
Fail
—
2.0
Fail
1.2
Fail
9.6
AAA
5.6
AA
2.0
Fail
—
1.7
Fail
5.7
AA
3.4
AA Large
1.2
Fail
1.7
Fail
—
White BG
12.9AAA
7.5AAA
2.7Fail
1.3Fail
2.2Fail
Black BG
1.6Fail
2.8Fail
7.7AAA
15.6AAA
9.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

343439
616062
BFBE4F
EFEF97
B7B754

Deuteranopia

353638
646960
C6CF53
F1F49C
B8B95B

Tritanopia

383736
775A58
EC5B5D
FDA8AC
BC6B70

Achromatopsia

333333
565656
999999
DBDBDB
A6A6A6

Shades & Tints Shades & Tints

#392E3D

Dark
Light

#7A406D

Dark
Light

#F27C41

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #392e3d;
  --color-2: #7a406d;
  --color-3: #f27c41;
  --color-4: #ffda82;
  --color-5: #bdaf37;
}

SCSS

$color-1: #392e3d;
$color-2: #7a406d;
$color-3: #f27c41;
$color-4: #ffda82;
$color-5: #bdaf37;

TAILWIND

colors: {
  'brand-1': '#392e3d',
  'brand-2': '#7a406d',
  'brand-3': '#f27c41',
  'brand-4': '#ffda82',
  'brand-5': '#bdaf37',
}

RGB Array

[57, 46, 61], [122, 64, 109], [242, 124, 65], [255, 218, 130], [189, 175, 55]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #392E3D, #7A406D, #F27C41, #FFDA82, #BDAF37 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: #392e3d; --color-2: #7a406d; --color-3: #f27c41; --color-4: #ffda82; --color-5: #bdaf37. 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