#DFB34B + #A6AD40 + #D16934 + #994569 + #382925 · space - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#DFB34B

Ginger · SandyBrown · Sunflower

HEX

#DFB34B

RGB

rgb(223, 179, 75)

HSL

hsl(42, 70%, 58%)

HSB

hsb(42, 66%, 87%)

CMYK

cmyk(0%, 20%, 66%, 13%)

Oklch

oklch(78.7% 0.130 85.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#A6AD40

Autumn Sage · GoldenRod · Honey Gold

HEX

#A6AD40

RGB

rgb(166, 173, 64)

HSL

hsl(64, 46%, 46%)

HSB

hsb(64, 63%, 68%)

CMYK

cmyk(4%, 0%, 63%, 32%)

Oklch

oklch(72.1% 0.132 112.7)

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

#D16934

Tangerine · Chocolate · Warm Sun

HEX

#D16934

RGB

rgb(209, 105, 52)

HSL

hsl(20, 63%, 51%)

HSB

hsb(20, 75%, 82%)

CMYK

cmyk(0%, 50%, 75%, 18%)

Oklch

oklch(63.5% 0.147 45.4)

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

#994569

Dark Violet · DimGray · Camellia

HEX

#994569

RGB

rgb(153, 69, 105)

HSL

hsl(334, 38%, 44%)

HSB

hsb(334, 55%, 60%)

CMYK

cmyk(0%, 55%, 31%, 40%)

Oklch

oklch(50.9% 0.119 355.3)

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

#382925

Crimson · DarkSlateGray · Deep Berry

HEX

#382925

RGB

rgb(56, 41, 37)

HSL

hsl(13, 20%, 18%)

HSB

hsb(13, 34%, 22%)

CMYK

cmyk(0%, 27%, 34%, 78%)

Oklch

oklch(29.7% 0.024 35.4)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DFB34B

4976DF

Analogous

DF6749

DFB34B

C1DF49

Triadic

DFB34B

49DFB2

B249DF

Split-Comp.

DFB34B

49C1DF

6749DF

Tetradic

DFB34B

49DF67

4976DF

DF49C1

Contrast Matrix WCAG 2.1 Contrast

DFB34B	A6AD40	D16934	994569	382925
—	1.2 Fail	1.8 Fail	3.1 AA Large	7.1 AAA
1.2 Fail	—	1.5 Fail	2.5 Fail	5.7 AA
1.8 Fail	1.5 Fail	—	1.7 Fail	3.8 AA Large
3.1 AA Large	2.5 Fail	1.7 Fail	—	2.3 Fail
7.1 AAA	5.7 AA	3.8 AA Large	2.3 Fail	—

White BG

2.0Fail

2.4Fail

3.6AA Large

6.2AA

13.9AAA

Black BG

10.7AAA

8.7AAA

5.8AA

3.4AA Large

1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

CCCC64

A9A95A

A4A341

757460

323126

Deuteranopia

CFD26A

A9A861

AAB244

7A805E

323326

Tritanopia

DD787C

A66F74

CC4B4D

955958

372727

Achromatopsia

B4B4B4

9E9E9E

828282

626262

2D2D2D

Shades & Tints Shades & Tints

#DFB34B

Dark

Light

#A6AD40

Dark

Light

#D16934

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dfb34b;
  --color-2: #a6ad40;
  --color-3: #d16934;
  --color-4: #994569;
  --color-5: #382925;
}

SCSS

$color-1: #dfb34b;
$color-2: #a6ad40;
$color-3: #d16934;
$color-4: #994569;
$color-5: #382925;

TAILWIND

colors: {
  'brand-1': '#dfb34b',
  'brand-2': '#a6ad40',
  'brand-3': '#d16934',
  'brand-4': '#994569',
  'brand-5': '#382925',
}

RGB Array

[223, 179, 75], [166, 173, 64], [209, 105, 52], [153, 69, 105], [56, 41, 37]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #DFB34B, #A6AD40, #D16934, #994569, #382925 is ideal for: corporate websites, product showcases, portfolios. 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: #dfb34b; --color-2: #a6ad40; --color-3: #d16934; --color-4: #994569; --color-5: #382925. 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. 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 space-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