← Back to Editor

#9C7425 · #D69D2B · #E36729 · #D1342C · #992923

warm

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#9C7425

Ochre · Sienna · Honey Gold

HEX
#9C7425
RGB
rgb(156, 116, 37)
HSL
hsl(40, 62%, 38%)
HSB
hsb(40, 76%, 61%)
CMYK
cmyk(0%, 26%, 76%, 39%)
Oklch
oklch(58.5% 0.106 80.5)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#D69D2B

Ochre · GoldenRod · Honey Gold

HEX
#D69D2B
RGB
rgb(214, 157, 43)
HSL
hsl(40, 68%, 50%)
HSB
hsb(40, 80%, 84%)
CMYK
cmyk(0%, 27%, 80%, 16%)
Oklch
oklch(73.2% 0.139 79.7)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#E36729

Tangerine · Chocolate · Warm Sun

HEX
#E36729
RGB
rgb(227, 103, 41)
HSL
hsl(20, 77%, 53%)
HSB
hsb(20, 82%, 89%)
CMYK
cmyk(0%, 55%, 82%, 11%)
Oklch
oklch(65.7% 0.171 43.8)

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

#D1342C

Vermilion · FireBrick · Passion Red

HEX
#D1342C
RGB
rgb(209, 52, 44)
HSL
hsl(3, 65%, 50%)
HSB
hsb(3, 79%, 82%)
CMYK
cmyk(0%, 75%, 79%, 18%)
Oklch
oklch(56.8% 0.195 28.1)

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

#992923

Vermilion · Brown · Wine Red

HEX
#992923
RGB
rgb(153, 41, 35)
HSL
hsl(3, 63%, 37%)
HSB
hsb(3, 77%, 60%)
CMYK
cmyk(0%, 73%, 77%, 40%)
Oklch
oklch(45.7% 0.149 27.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

9C7425
254D9D

Analogous

9D3925
9C7425
899D25

Triadic

9C7425
259D75
75259D

Split-Comp.

9C7425
25899D
39259D

Tetradic

9C7425
259D39
254D9D
9D2589

Contrast Matrix WCAG 2.1 Contrast

9C7425
D69D2B
E36729
D1342C
992923
—
1.8
Fail
1.3
Fail
1.2
Fail
1.8
Fail
1.8
Fail
—
1.4
Fail
2.1
Fail
3.2
AA Large
1.3
Fail
1.4
Fail
—
1.5
Fail
2.3
Fail
1.2
Fail
2.1
Fail
1.5
Fail
—
1.6
Fail
1.8
Fail
3.2
AA Large
2.3
Fail
1.6
Fail
—
White BG
4.3AA Large
2.4Fail
3.4AA Large
5.0AA
7.8AAA
Black BG
4.9AA
8.7AAA
6.2AA
4.2AA Large
2.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

8B8A38
BDBD47
ADAC38
8D8C2E
696724

Deuteranopia

8D903D
C1C54D
B5BE3C
96A22E
6F7725

Tritanopia

9A474B
D35C61
DD4446
C92F30
932626

Achromatopsia

777777
A1A1A1
858585
626262
4A4A4A

Shades & Tints Shades & Tints

#9C7425

Dark
Light

#D69D2B

Dark
Light

#E36729

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #9c7425;
  --color-2: #d69d2b;
  --color-3: #e36729;
  --color-4: #d1342c;
  --color-5: #992923;
}

SCSS

$color-1: #9c7425;
$color-2: #d69d2b;
$color-3: #e36729;
$color-4: #d1342c;
$color-5: #992923;

TAILWIND

colors: {
  'brand-1': '#9c7425',
  'brand-2': '#d69d2b',
  'brand-3': '#e36729',
  'brand-4': '#d1342c',
  'brand-5': '#992923',
}

RGB Array

[156, 116, 37], [214, 157, 43], [227, 103, 41], [209, 52, 44], [153, 41, 35]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #9C7425, #D69D2B, #E36729, #D1342C, #992923 is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #9c7425; --color-2: #d69d2b; --color-3: #e36729; --color-4: #d1342c; --color-5: #992923. 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 warm-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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