← Back to Editor

#853142 · #5C2B3F · #3D232E · #4E6069 · #9DABA4

space

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremiumWarmCool

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporateData Visualization

Color Details Color Details

#853142

Crimson · Brown · Wine Red

HEX
#853142
RGB
rgb(133, 49, 66)
HSL
hsl(348, 46%, 36%)
HSB
hsb(348, 63%, 52%)
CMYK
cmyk(0%, 63%, 50%, 48%)
Oklch
oklch(43.8% 0.116 10.9)

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

#5C2B3F

Dark Violet · DarkSlateGray · Camellia

HEX
#5C2B3F
RGB
rgb(92, 43, 63)
HSL
hsl(336, 36%, 26%)
HSB
hsb(336, 53%, 36%)
CMYK
cmyk(0%, 53%, 32%, 64%)
Oklch
oklch(36.2% 0.076 355.8)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#3D232E

Dark Violet · DarkSlateGray · Raspberry

HEX
#3D232E
RGB
rgb(61, 35, 46)
HSL
hsl(335, 27%, 19%)
HSB
hsb(335, 43%, 24%)
CMYK
cmyk(0%, 43%, 25%, 76%)
Oklch
oklch(29.4% 0.043 353.1)

Traditional「Dark Violet」· Paint「Raspberry」· Creative Blush Sunrise

#4E6069

Slate Blue · DimGray · Prussian Blue

HEX
#4E6069
RGB
rgb(78, 96, 105)
HSL
hsl(200, 15%, 36%)
HSB
hsb(200, 26%, 41%)
CMYK
cmyk(26%, 9%, 0%, 59%)
Oklch
oklch(47.7% 0.026 229.6)

Traditional「Slate Blue」· Paint「Prussian Blue」· Creative Blush Sunrise

#9DABA4

Jade · DarkGray · Silver Sand

HEX
#9DABA4
RGB
rgb(157, 171, 164)
HSL
hsl(150, 8%, 64%)
HSB
hsb(150, 8%, 67%)
CMYK
cmyk(8%, 0%, 4%, 33%)
Oklch
oklch(72.8% 0.019 164.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

853142
328675

Analogous

86326D
853142
864B32

Triadic

853142
428632
324286

Split-Comp.

853142
32864B
326D86

Tetradic

853142
6D8632
328675
4B3286

Contrast Matrix WCAG 2.1 Contrast

853142
5C2B3F
3D232E
4E6069
9DABA4
—
1.3
Fail
1.7
Fail
1.3
Fail
3.5
AA Large
1.3
Fail
—
1.3
Fail
1.7
Fail
4.7
AA
1.7
Fail
1.3
Fail
—
2.2
Fail
5.9
AA
1.3
Fail
1.7
Fail
2.2
Fail
—
2.7
Fail
3.5
AA Large
4.7
AA
5.9
AA
2.7
Fail
—
White BG
8.3AAA
11.2AAA
14.2AAA
6.6AA
2.4Fail
Black BG
2.5Fail
1.9Fail
1.5Fail
3.2AA Large
8.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

61603E
47463A
32322B
565667
A3A3A6

Deuteranopia

666C3D
4A4D39
33352B
555366
A2A1A6

Tritanopia

813B3A
5A3636
3C2929
4F6565
9EA7A7

Achromatopsia

4C4C4C
3C3C3C
2C2C2C
5C5C5C
A6A6A6

Shades & Tints Shades & Tints

#853142

Dark
Light

#5C2B3F

Dark
Light

#3D232E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #853142;
  --color-2: #5c2b3f;
  --color-3: #3d232e;
  --color-4: #4e6069;
  --color-5: #9daba4;
}

SCSS

$color-1: #853142;
$color-2: #5c2b3f;
$color-3: #3d232e;
$color-4: #4e6069;
$color-5: #9daba4;

TAILWIND

colors: {
  'brand-1': '#853142',
  'brand-2': '#5c2b3f',
  'brand-3': '#3d232e',
  'brand-4': '#4e6069',
  'brand-5': '#9daba4',
}

RGB Array

[133, 49, 66], [92, 43, 63], [61, 35, 46], [78, 96, 105], [157, 171, 164]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #853142, #5C2B3F, #3D232E, #4E6069, #9DABA4 is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs, 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: #853142; --color-2: #5c2b3f; --color-3: #3d232e; --color-4: #4e6069; --color-5: #9daba4. 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 space-style 5-color scheme is especially suited for finance, legal, luxury 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