#B59775 + #85493F + #61433B + #583B29 + #493125 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#B59775

Ginger · Tan · Warm Sun

HEX

#B59775

RGB

rgb(181, 151, 117)

HSL

hsl(32, 30%, 58%)

HSB

hsb(32, 35%, 71%)

CMYK

cmyk(0%, 17%, 35%, 29%)

Oklch

oklch(69.5% 0.059 70.1)

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

#85493F

Crimson · Sienna · Wine Red

HEX

#85493F

RGB

rgb(133, 73, 63)

HSL

hsl(9, 36%, 38%)

HSB

hsb(9, 53%, 52%)

CMYK

cmyk(0%, 45%, 53%, 48%)

Oklch

oklch(47.5% 0.084 30.5)

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

#61433B

Crimson · DarkOliveGreen · Wine Red

HEX

#61433B

RGB

rgb(97, 67, 59)

HSL

hsl(13, 24%, 31%)

HSB

hsb(13, 39%, 38%)

CMYK

cmyk(0%, 31%, 39%, 62%)

Oklch

oklch(41.4% 0.044 35.5)

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

#583B29

Tangerine · DarkOliveGreen · Cinnamon

HEX

#583B29

RGB

rgb(88, 59, 41)

HSL

hsl(23, 36%, 25%)

HSB

hsb(23, 53%, 35%)

CMYK

cmyk(0%, 33%, 53%, 65%)

Oklch

oklch(38.1% 0.050 52.5)

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

#493125

Tangerine · DarkSlateGray · Cinnamon

HEX

#493125

RGB

rgb(73, 49, 37)

HSL

hsl(20, 33%, 22%)

HSB

hsb(20, 49%, 29%)

CMYK

cmyk(0%, 33%, 49%, 71%)

Oklch

oklch(33.8% 0.041 47.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B59775

7492B4

Analogous

B47674

B59775

B2B474

Triadic

B59775

74B496

9674B4

Split-Comp.

B59775

74B2B4

7674B4

Tetradic

B59775

74B476

7492B4

B474B2

Contrast Matrix WCAG 2.1 Contrast

B59775	85493F	61433B	583B29	493125
—	2.5 Fail	3.2 AA Large	3.7 AA Large	4.4 AA Large
2.5 Fail	—	1.3 Fail	1.5 Fail	1.7 Fail
3.2 AA Large	1.3 Fail	—	1.1 Fail	1.4 Fail
3.7 AA Large	1.5 Fail	1.1 Fail	—	1.2 Fail
4.4 AA Large	1.7 Fail	1.4 Fail	1.2 Fail	—

White BG

2.7Fail

6.9AA

8.8AAA

10.1AAA

12.0AAA

Black BG

7.6AAA

3.0AA Large

2.4Fail

2.1Fail

1.7Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A8A87D

6B6A41

54543D

4B4B2D

3F3E28

Deuteranopia

AAAC7F

6F7342

56583D

4D4F2E

404229

Tritanopia

B48485

824344

5F3E3F

573132

482A2B

Achromatopsia

9C9C9C

5A5A5A

4B4B4B

424242

373737

Shades & Tints Shades & Tints

#B59775

Dark

Light

#85493F

Dark

Light

#61433B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b59775;
  --color-2: #85493f;
  --color-3: #61433b;
  --color-4: #583b29;
  --color-5: #493125;
}

SCSS

$color-1: #b59775;
$color-2: #85493f;
$color-3: #61433b;
$color-4: #583b29;
$color-5: #493125;

TAILWIND

colors: {
  'brand-1': '#b59775',
  'brand-2': '#85493f',
  'brand-3': '#61433b',
  'brand-4': '#583b29',
  'brand-5': '#493125',
}

RGB Array

[181, 151, 117], [133, 73, 63], [97, 67, 59], [88, 59, 41], [73, 49, 37]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B59775, #85493F, #61433B, #583B29, #493125 is ideal for: tech websites, dark mode UIs, game UIs. 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: #b59775; --color-2: #85493f; --color-3: #61433b; --color-4: #583b29; --color-5: #493125. 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. 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