← Back to Editor

#C4945C · #AD2813 · #382C00 · #1C1208 · #362C28

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

#C4945C

Ginger · DarkSalmon · Warm Sun

HEX
#C4945C
RGB
rgb(196, 148, 92)
HSL
hsl(32, 47%, 56%)
HSB
hsb(32, 53%, 77%)
CMYK
cmyk(0%, 24%, 53%, 23%)
Oklch
oklch(70.0% 0.093 69.6)

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

#AD2813

Vermilion · FireBrick · Wine Red

HEX
#AD2813
RGB
rgb(173, 40, 19)
HSL
hsl(8, 80%, 38%)
HSB
hsb(8, 89%, 68%)
CMYK
cmyk(0%, 77%, 89%, 32%)
Oklch
oklch(49.1% 0.172 31.7)

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

#382C00

Ochre · Black · Amber Gold

HEX
#382C00
RGB
rgb(56, 44, 0)
HSL
hsl(47, 100%, 11%)
HSB
hsb(47, 100%, 22%)
CMYK
cmyk(0%, 21%, 100%, 78%)
Oklch
oklch(29.8% 0.061 92.6)

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

#1C1208

Ochre · Black · Cinnamon

HEX
#1C1208
RGB
rgb(28, 18, 8)
HSL
hsl(30, 56%, 7%)
HSB
hsb(30, 71%, 11%)
CMYK
cmyk(0%, 36%, 71%, 89%)
Oklch
oklch(19.2% 0.025 65.8)

Traditional「Ochre」· Paint「Cinnamon」· Creative Blush Sunrise

#362C28

Tangerine · DarkSlateGray · Cinnamon

HEX
#362C28
RGB
rgb(54, 44, 40)
HSL
hsl(17, 15%, 18%)
HSB
hsb(17, 26%, 21%)
CMYK
cmyk(0%, 19%, 26%, 79%)
Oklch
oklch(30.3% 0.016 43.0)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C4945C
5A8BC4

Analogous

C45E5A
C4945C
C0C45A

Triadic

C4945C
5AC492
925AC4

Split-Comp.

C4945C
5AC0C4
5E5AC4

Tetradic

C4945C
5AC45E
5A8BC4
C45AC0

Contrast Matrix WCAG 2.1 Contrast

C4945C
AD2813
382C00
1C1208
362C28
—
2.5
Fail
5.1
AA
6.8
AA
5.0
AA
2.5
Fail
—
2.0
Fail
2.7
Fail
2.0
Fail
5.1
AA
2.0
Fail
—
1.3
Fail
1.0
Fail
6.8
AA
2.7
Fail
1.3
Fail
—
1.4
Fail
5.0
AA
2.0
Fail
1.0
Fail
1.4
Fail
—
White BG
2.7Fail
6.8AA
13.7AAA
18.4AAA
13.6AAA
Black BG
7.7AAA
3.1AA Large
1.5Fail
1.1Fail
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

AFAF6A
737218
33330B
18180A
323229

Deuteranopia

B2B66D
7B8519
34340D
18190B
323329

Tritanopia

C27477
A61C1D
371315
1B0C0D
362A2A

Achromatopsia

9C9C9C
4D4D4D
2B2B2B
141414
2F2F2F

Shades & Tints Shades & Tints

#C4945C

Dark
Light

#AD2813

Dark
Light

#382C00

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c4945c;
  --color-2: #ad2813;
  --color-3: #382c00;
  --color-4: #1c1208;
  --color-5: #362c28;
}

SCSS

$color-1: #c4945c;
$color-2: #ad2813;
$color-3: #382c00;
$color-4: #1c1208;
$color-5: #362c28;

TAILWIND

colors: {
  'brand-1': '#c4945c',
  'brand-2': '#ad2813',
  'brand-3': '#382c00',
  'brand-4': '#1c1208',
  'brand-5': '#362c28',
}

RGB Array

[196, 148, 92], [173, 40, 19], [56, 44, 0], [28, 18, 8], [54, 44, 40]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C4945C, #AD2813, #382C00, #1C1208, #362C28 is ideal for: tech websites, dark mode UIs, game UIs, 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: #c4945c; --color-2: #ad2813; --color-3: #382c00; --color-4: #1c1208; --color-5: #362c28. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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