← Back to Editor

#963B29 · #342623 · #B1824A · #615869 · #ADB0B9

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

#963B29

Crimson · Brown · Wine Red

HEX
#963B29
RGB
rgb(150, 59, 41)
HSL
hsl(10, 57%, 37%)
HSB
hsb(10, 73%, 59%)
CMYK
cmyk(0%, 61%, 73%, 41%)
Oklch
oklch(47.5% 0.127 33.0)

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

#342623

Crimson · DarkSlateGray · Deep Berry

HEX
#342623
RGB
rgb(52, 38, 35)
HSL
hsl(11, 20%, 17%)
HSB
hsb(11, 33%, 20%)
CMYK
cmyk(0%, 27%, 33%, 80%)
Oklch
oklch(28.4% 0.022 32.3)

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

#B1824A

Ochre · Sienna · Amber Brown

HEX
#B1824A
RGB
rgb(177, 130, 74)
HSL
hsl(33, 41%, 49%)
HSB
hsb(33, 58%, 69%)
CMYK
cmyk(0%, 27%, 58%, 31%)
Oklch
oklch(64.1% 0.093 69.7)

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

#615869

Dark Plum · DimGray · Charcoal

HEX
#615869
RGB
rgb(97, 88, 105)
HSL
hsl(272, 9%, 38%)
HSB
hsb(272, 16%, 41%)
CMYK
cmyk(8%, 16%, 0%, 59%)
Oklch
oklch(47.5% 0.029 309.0)

Traditional「Dark Plum」· Paint「Charcoal」· Creative Midnight Shadow

#ADB0B9

Azure · DarkGray · Silver Sand

HEX
#ADB0B9
RGB
rgb(173, 176, 185)
HSL
hsl(225, 8%, 70%)
HSB
hsb(225, 6%, 73%)
CMYK
cmyk(6%, 5%, 0%, 27%)
Oklch
oklch(75.8% 0.013 271.2)

Traditional「Azure」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

963B29
298294

Analogous

94294C
963B29
947029

Triadic

963B29
29943A
3A2994

Split-Comp.

963B29
299470
294C94

Tetradic

963B29
4C9429
298294
702994

Contrast Matrix WCAG 2.1 Contrast

963B29
342623
B1824A
615869
ADB0B9
—
2.0
Fail
2.1
Fail
1.1
Fail
3.3
AA Large
2.0
Fail
—
4.3
AA Large
2.1
Fail
6.7
AA
2.1
Fail
4.3
AA Large
—
2.0
Fail
1.6
Fail
1.1
Fail
2.1
Fail
2.0
Fail
—
3.1
AA Large
3.3
AA Large
6.7
AA
1.6
Fail
3.1
AA Large
—
White BG
7.1AAA
14.5AAA
3.4AA Large
6.8AA
2.2Fail
Black BG
3.0Fail
1.4Fail
6.2AA
3.1AA Large
9.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6F6E2D
2E2E24
9D9C58
5D5D65
AEAEB7

Deuteranopia

747B2E
2F3024
9FA35B
5E5E64
AEAEB6

Tritanopia

913132
332424
AF6265
616261
ADB5B5

Achromatopsia

545454
2A2A2A
8A8A8A
5D5D5D
B0B0B0

Shades & Tints Shades & Tints

#963B29

Dark
Light

#342623

Dark
Light

#B1824A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #963b29;
  --color-2: #342623;
  --color-3: #b1824a;
  --color-4: #615869;
  --color-5: #adb0b9;
}

SCSS

$color-1: #963b29;
$color-2: #342623;
$color-3: #b1824a;
$color-4: #615869;
$color-5: #adb0b9;

TAILWIND

colors: {
  'brand-1': '#963b29',
  'brand-2': '#342623',
  'brand-3': '#b1824a',
  'brand-4': '#615869',
  'brand-5': '#adb0b9',
}

RGB Array

[150, 59, 41], [52, 38, 35], [177, 130, 74], [97, 88, 105], [173, 176, 185]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #963B29, #342623, #B1824A, #615869, #ADB0B9 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #963b29; --color-2: #342623; --color-3: #b1824a; --color-4: #615869; --color-5: #adb0b9. 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. Restrained colors convey professionalism and trust. 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