← Back to Editor

#58243B · #8B3649 · #AA675E · #AC8872 · #C9BE9E

space

A 5-color space 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

#58243B

Dark Violet · DarkSlateGray · Raspberry

HEX
#58243B
RGB
rgb(88, 36, 59)
HSL
hsl(333, 42%, 24%)
HSB
hsb(333, 59%, 35%)
CMYK
cmyk(0%, 59%, 33%, 65%)
Oklch
oklch(34.2% 0.082 354.6)

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

#8B3649

Crimson · Brown · Wine Red

HEX
#8B3649
RGB
rgb(139, 54, 73)
HSL
hsl(347, 44%, 38%)
HSB
hsb(347, 61%, 55%)
CMYK
cmyk(0%, 61%, 47%, 45%)
Oklch
oklch(45.6% 0.117 9.2)

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

#AA675E

Crimson · Sienna · Passion Red

HEX
#AA675E
RGB
rgb(170, 103, 94)
HSL
hsl(7, 31%, 52%)
HSB
hsb(7, 45%, 67%)
CMYK
cmyk(0%, 39%, 45%, 33%)
Oklch
oklch(58.5% 0.088 28.3)

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

#AC8872

Tangerine · Gray · Warm Sun

HEX
#AC8872
RGB
rgb(172, 136, 114)
HSL
hsl(23, 26%, 56%)
HSB
hsb(23, 34%, 67%)
CMYK
cmyk(0%, 21%, 34%, 33%)
Oklch
oklch(65.5% 0.054 52.9)

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

#C9BE9E

Ginger · Tan · Sunflower

HEX
#C9BE9E
RGB
rgb(201, 190, 158)
HSL
hsl(45, 28%, 70%)
HSB
hsb(45, 21%, 79%)
CMYK
cmyk(0%, 5%, 21%, 21%)
Oklch
oklch(80.2% 0.045 91.3)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

58243B
235740

Analogous

572354
58243B
572623

Triadic

58243B
3B5723
233B57

Split-Comp.

58243B
235726
235457

Tetradic

58243B
545723
235740
262357

Contrast Matrix WCAG 2.1 Contrast

58243B
8B3649
AA675E
AC8872
C9BE9E
—
1.6
Fail
2.8
Fail
3.8
AA Large
6.6
AA
1.6
Fail
—
1.8
Fail
2.4
Fail
4.2
AA Large
2.8
Fail
1.8
Fail
—
1.4
Fail
2.4
Fail
3.8
AA Large
2.4
Fail
1.4
Fail
—
1.7
Fail
6.6
AA
4.2
AA Large
2.4
Fail
1.7
Fail
—
White BG
12.1AAA
7.7AAA
4.4AA Large
3.2AA Large
1.9Fail
Black BG
1.7Fail
2.7Fail
4.8AA
6.5AA
11.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

414135
666544
8D8C60
9C9C77
C4C4A6

Deuteranopia

454834
6B7243
919661
9FA179
C5C6A8

Tritanopia

553130
874140
A76262
AA7C7C
C8ACAD

Achromatopsia

363636
525252
7A7A7A
909090
BEBEBE

Shades & Tints Shades & Tints

#58243B

Dark
Light

#8B3649

Dark
Light

#AA675E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #58243b;
  --color-2: #8b3649;
  --color-3: #aa675e;
  --color-4: #ac8872;
  --color-5: #c9be9e;
}

SCSS

$color-1: #58243b;
$color-2: #8b3649;
$color-3: #aa675e;
$color-4: #ac8872;
$color-5: #c9be9e;

TAILWIND

colors: {
  'brand-1': '#58243b',
  'brand-2': '#8b3649',
  'brand-3': '#aa675e',
  'brand-4': '#ac8872',
  'brand-5': '#c9be9e',
}

RGB Array

[88, 36, 59], [139, 54, 73], [170, 103, 94], [172, 136, 114], [201, 190, 158]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #58243B, #8B3649, #AA675E, #AC8872, #C9BE9E 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: #58243b; --color-2: #8b3649; --color-3: #aa675e; --color-4: #ac8872; --color-5: #c9be9e. 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 space-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