← Back to Editor

#853536 · #C5936E · #F1E2BB · #998D73 · #362626

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

#853536

Crimson · Brown · Wine Red

HEX
#853536
RGB
rgb(133, 53, 54)
HSL
hsl(359, 43%, 36%)
HSB
hsb(359, 60%, 52%)
CMYK
cmyk(0%, 60%, 59%, 48%)
Oklch
oklch(44.1% 0.110 22.0)

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

#C5936E

Tangerine · DarkSalmon · Warm Sun

HEX
#C5936E
RGB
rgb(197, 147, 110)
HSL
hsl(26, 43%, 60%)
HSB
hsb(26, 44%, 77%)
CMYK
cmyk(0%, 25%, 44%, 23%)
Oklch
oklch(70.2% 0.079 57.5)

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

#F1E2BB

Goose Yellow · Wheat · Lemon Cream

HEX
#F1E2BB
RGB
rgb(241, 226, 187)
HSL
hsl(43, 66%, 84%)
HSB
hsb(43, 22%, 95%)
CMYK
cmyk(0%, 6%, 22%, 5%)
Oklch
oklch(91.5% 0.054 89.5)

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

#998D73

Ginger · Gray · Sunflower

HEX
#998D73
RGB
rgb(153, 141, 115)
HSL
hsl(41, 16%, 53%)
HSB
hsb(41, 25%, 60%)
CMYK
cmyk(0%, 8%, 25%, 40%)
Oklch
oklch(64.7% 0.040 86.1)

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

#362626

Crimson · DarkSlateGray · Deep Berry

HEX
#362626
RGB
rgb(54, 38, 38)
HSL
hsl(0, 17%, 18%)
HSB
hsb(0, 30%, 21%)
CMYK
cmyk(0%, 30%, 30%, 79%)
Oklch
oklch(28.8% 0.024 18.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

853536
348382

Analogous

83345D
853536
835A34

Triadic

853536
368334
343683

Split-Comp.

853536
34835A
345D83

Tetradic

853536
5D8334
348382
5A3483

Contrast Matrix WCAG 2.1 Contrast

853536
C5936E
F1E2BB
998D73
362626
—
3.0
AA Large
6.4
AA
2.5
Fail
1.8
Fail
3.0
AA Large
—
2.1
Fail
1.2
Fail
5.3
AA
6.4
AA
2.1
Fail
—
2.5
Fail
11.2
AAA
2.5
Fail
1.2
Fail
2.5
Fail
—
4.4
AA Large
1.8
Fail
5.3
AA
11.2
AAA
4.4
AA Large
—
White BG
8.2AAA
2.7Fail
1.3Fail
3.3AA Large
14.4AAA
Black BG
2.6Fail
7.8AAA
16.3AAA
6.4AA
1.5Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

626236
AFAF77
EBEAC4
949479
2F2F26

Deuteranopia

676D36
B2B679
EBEDC7
95957B
303126

Tritanopia

813636
C27E80
F0CCCE
987E7F
352626

Achromatopsia

4D4D4D
9E9E9E
E2E2E2
8E8E8E
2B2B2B

Shades & Tints Shades & Tints

#853536

Dark
Light

#C5936E

Dark
Light

#F1E2BB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #853536;
  --color-2: #c5936e;
  --color-3: #f1e2bb;
  --color-4: #998d73;
  --color-5: #362626;
}

SCSS

$color-1: #853536;
$color-2: #c5936e;
$color-3: #f1e2bb;
$color-4: #998d73;
$color-5: #362626;

TAILWIND

colors: {
  'brand-1': '#853536',
  'brand-2': '#c5936e',
  'brand-3': '#f1e2bb',
  'brand-4': '#998d73',
  'brand-5': '#362626',
}

RGB Array

[133, 53, 54], [197, 147, 110], [241, 226, 187], [153, 141, 115], [54, 38, 38]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #853536, #C5936E, #F1E2BB, #998D73, #362626 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: #853536; --color-2: #c5936e; --color-3: #f1e2bb; --color-4: #998d73; --color-5: #362626. 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