← Back to Editor

#3B3032 · #B25635 · #CCA455 · #D7D4B3 · #639C90

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#3B3032

Crimson · DarkSlateGray · Wine Red

HEX
#3B3032
RGB
rgb(59, 48, 50)
HSL
hsl(349, 10%, 21%)
HSB
hsb(349, 19%, 23%)
CMYK
cmyk(0%, 19%, 15%, 77%)
Oklch
oklch(32.2% 0.016 5.7)

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

#B25635

Tangerine · Sienna · Amber Brown

HEX
#B25635
RGB
rgb(178, 86, 53)
HSL
hsl(16, 54%, 45%)
HSB
hsb(16, 70%, 70%)
CMYK
cmyk(0%, 52%, 70%, 30%)
Oklch
oklch(56.0% 0.129 39.9)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#CCA455

Ginger · SandyBrown · Sunflower

HEX
#CCA455
RGB
rgb(204, 164, 85)
HSL
hsl(40, 54%, 57%)
HSB
hsb(40, 58%, 80%)
CMYK
cmyk(0%, 20%, 58%, 20%)
Oklch
oklch(73.9% 0.108 82.7)

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

#D7D4B3

Fresh Green · Wheat · Lemon Cream

HEX
#D7D4B3
RGB
rgb(215, 212, 179)
HSL
hsl(55, 31%, 77%)
HSB
hsb(55, 17%, 84%)
CMYK
cmyk(0%, 1%, 17%, 16%)
Oklch
oklch(86.4% 0.044 103.0)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#639C90

Mineral Blue · CadetBlue · Mint Ice

HEX
#639C90
RGB
rgb(99, 156, 144)
HSL
hsl(167, 22%, 50%)
HSB
hsb(167, 37%, 61%)
CMYK
cmyk(37%, 0%, 8%, 39%)
Oklch
oklch(65.0% 0.063 179.4)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3B3032
303B39

Analogous

3B3038
3B3032
3B3430

Triadic

3B3032
323B30
30323B

Split-Comp.

3B3032
303B34
30383B

Tetradic

3B3032
383B30
303B39
34303B

Contrast Matrix WCAG 2.1 Contrast

3B3032
B25635
CCA455
D7D4B3
639C90
—
2.6
Fail
5.4
AA
8.4
AAA
4.0
AA Large
2.6
Fail
—
2.1
Fail
3.3
AA Large
1.6
Fail
5.4
AA
2.1
Fail
—
1.5
Fail
1.3
Fail
8.4
AAA
3.3
AA Large
1.5
Fail
—
2.1
Fail
4.0
AA Large
1.6
Fail
1.3
Fail
2.1
Fail
—
White BG
12.7AAA
4.9AA
2.3Fail
1.5Fail
3.1AA Large
Black BG
1.7Fail
4.3AA Large
9.0AAA
14.0AAA
6.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

363632
8A893D
BBBA68
D6D6BB
7C7C93

Deuteranopia

373831
90963F
BDC06D
D6D6BD
787494

Tritanopia

3A3131
AD4345
CA777B
D7C1C3
669596

Achromatopsia

343434
6E6E6E
A7A7A7
D1D1D1
8A8A8A

Shades & Tints Shades & Tints

#3B3032

Dark
Light

#B25635

Dark
Light

#CCA455

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3b3032;
  --color-2: #b25635;
  --color-3: #cca455;
  --color-4: #d7d4b3;
  --color-5: #639c90;
}

SCSS

$color-1: #3b3032;
$color-2: #b25635;
$color-3: #cca455;
$color-4: #d7d4b3;
$color-5: #639c90;

TAILWIND

colors: {
  'brand-1': '#3b3032',
  'brand-2': '#b25635',
  'brand-3': '#cca455',
  'brand-4': '#d7d4b3',
  'brand-5': '#639c90',
}

RGB Array

[59, 48, 50], [178, 86, 53], [204, 164, 85], [215, 212, 179], [99, 156, 144]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #3B3032, #B25635, #CCA455, #D7D4B3, #639C90 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: #3b3032; --color-2: #b25635; --color-3: #cca455; --color-4: #d7d4b3; --color-5: #639c90. 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