#D09661 + #DB7631 + #CD362A + #94312B + #184C42 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#D09661

Tangerine · DarkSalmon · Warm Sun

HEX

#D09661

RGB

rgb(208, 150, 97)

HSL

hsl(29, 54%, 60%)

HSB

hsb(29, 53%, 82%)

CMYK

cmyk(0%, 28%, 53%, 18%)

Oklch

oklch(71.8% 0.098 62.6)

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

#DB7631

Tangerine · Chocolate · Warm Sun

HEX

#DB7631

RGB

rgb(219, 118, 49)

HSL

hsl(24, 70%, 53%)

HSB

hsb(24, 78%, 86%)

CMYK

cmyk(0%, 46%, 78%, 14%)

Oklch

oklch(66.9% 0.149 51.2)

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

#CD362A

Vermilion · FireBrick · Passion Red

HEX

#CD362A

RGB

rgb(205, 54, 42)

HSL

hsl(4, 66%, 48%)

HSB

hsb(4, 80%, 80%)

CMYK

cmyk(0%, 74%, 80%, 20%)

Oklch

oklch(56.3% 0.190 29.1)

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

#94312B

Crimson · Brown · Wine Red

HEX

#94312B

RGB

rgb(148, 49, 43)

HSL

hsl(3, 55%, 37%)

HSB

hsb(3, 71%, 58%)

CMYK

cmyk(0%, 67%, 71%, 42%)

Oklch

oklch(45.8% 0.134 27.2)

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

#184C42

Mineral Blue · DarkSlateGray · Peacock Green

HEX

#184C42

RGB

rgb(24, 76, 66)

HSL

hsl(168, 52%, 20%)

HSB

hsb(168, 68%, 30%)

CMYK

cmyk(68%, 0%, 13%, 70%)

Oklch

oklch(37.9% 0.057 178.0)

Traditional「Mineral Blue」· Paint「Peacock Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D09661

629BD0

Analogous

D06264

D09661

D0CE62

Triadic

D09661

62D097

9762D0

Split-Comp.

D09661

62D0CE

6264D0

Tetradic

D09661

64D062

629BD0

CE62D0

Contrast Matrix WCAG 2.1 Contrast

D09661	DB7631	CD362A	94312B	184C42
—	1.2 Fail	2.0 Fail	3.0 AA Large	3.8 AA Large
1.2 Fail	—	1.6 Fail	2.4 Fail	3.1 AA Large
2.0 Fail	1.6 Fail	—	1.5 Fail	1.9 Fail
3.0 AA Large	2.4 Fail	1.5 Fail	—	1.3 Fail
3.8 AA Large	3.1 AA Large	1.9 Fail	1.3 Fail	—

White BG

2.6Fail

3.2AA Large

5.1AA

7.7AAA

9.8AAA

Black BG

8.2AAA

6.6AA

4.2AA Large

2.7Fail

2.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B7B66E

AFAE42

8C8A2D

69682C

2F2F44

Deuteranopia

BABF71

B5BD46

94A02E

6F762D

2C2845

Tritanopia

CD787A

D64F52

C52F30

8F2E2E

1B4647

Achromatopsia

A1A1A1

8C8C8C

626262

4E4E4E

3B3B3B

Shades & Tints Shades & Tints

#D09661

Dark

Light

#DB7631

Dark

Light

#CD362A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d09661;
  --color-2: #db7631;
  --color-3: #cd362a;
  --color-4: #94312b;
  --color-5: #184c42;
}

SCSS

$color-1: #d09661;
$color-2: #db7631;
$color-3: #cd362a;
$color-4: #94312b;
$color-5: #184c42;

TAILWIND

colors: {
  'brand-1': '#d09661',
  'brand-2': '#db7631',
  'brand-3': '#cd362a',
  'brand-4': '#94312b',
  'brand-5': '#184c42',
}

RGB Array

[208, 150, 97], [219, 118, 49], [205, 54, 42], [148, 49, 43], [24, 76, 66]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D09661, #DB7631, #CD362A, #94312B, #184C42 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: #d09661; --color-2: #db7631; --color-3: #cd362a; --color-4: #94312b; --color-5: #184c42. 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 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