← Back to Editor

#471C2B · #5E3A47 · #AD8A85 · #1A1D13 · #F9E8CF

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

#471C2B

Dark Violet · DarkSlateGray · Raspberry

HEX
#471C2B
RGB
rgb(71, 28, 43)
HSL
hsl(339, 43%, 19%)
HSB
hsb(339, 61%, 28%)
CMYK
cmyk(0%, 61%, 39%, 72%)
Oklch
oklch(29.5% 0.068 0.2)

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

#5E3A47

Dark Violet · DarkSlateGray · Camellia

HEX
#5E3A47
RGB
rgb(94, 58, 71)
HSL
hsl(338, 24%, 30%)
HSB
hsb(338, 38%, 37%)
CMYK
cmyk(0%, 38%, 24%, 63%)
Oklch
oklch(39.5% 0.054 356.6)

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

#AD8A85

Crimson · Gray · Passion Red

HEX
#AD8A85
RGB
rgb(173, 138, 133)
HSL
hsl(7, 20%, 60%)
HSB
hsb(7, 23%, 68%)
CMYK
cmyk(0%, 20%, 23%, 32%)
Oklch
oklch(66.5% 0.044 27.7)

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

#1A1D13

Grass Green · Black · Dark Green

HEX
#1A1D13
RGB
rgb(26, 29, 19)
HSL
hsl(78, 21%, 9%)
HSB
hsb(78, 34%, 11%)
CMYK
cmyk(10%, 0%, 34%, 89%)
Oklch
oklch(22.4% 0.019 121.5)

Traditional「Grass Green」· Paint「Dark Green」· Creative Blush Sunrise

#F9E8CF

Goose Yellow · Bisque · Peach Orange

HEX
#F9E8CF
RGB
rgb(249, 232, 207)
HSL
hsl(36, 78%, 89%)
HSB
hsb(36, 17%, 98%)
CMYK
cmyk(0%, 7%, 17%, 2%)
Oklch
oklch(93.8% 0.038 77.6)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

471C2B
1C4537

Analogous

451C3F
471C2B
45221C

Triadic

471C2B
2A451C
1C2A45

Split-Comp.

471C2B
1C4522
1C3F45

Tetradic

471C2B
3F451C
1C4537
221C45

Contrast Matrix WCAG 2.1 Contrast

471C2B
5E3A47
AD8A85
1A1D13
F9E8CF
—
1.5
Fail
4.6
AA
1.2
Fail
11.9
AAA
1.5
Fail
—
3.1
AA Large
1.8
Fail
8.0
AAA
4.6
AA
3.1
AA Large
—
5.5
AA
2.6
Fail
1.2
Fail
1.8
Fail
5.5
AA
—
14.2
AAA
11.9
AAA
8.0
AAA
2.6
Fail
14.2
AAA
—
White BG
14.3AAA
9.7AAA
3.1AA Large
17.1AAA
1.2Fail
Black BG
1.5Fail
2.2Fail
6.8AA
1.2Fail
17.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

343427
4E4E44
9E9E86
1B1B15
F2F1D5

Deuteranopia

373A27
515343
A0A387
1B1B16
F3F4D6

Tritanopia

452524
5C4141
AB8787
1A1718
F8DADB

Achromatopsia

2B2B2B
464646
949494
1B1B1B
EAEAEA

Shades & Tints Shades & Tints

#471C2B

Dark
Light

#5E3A47

Dark
Light

#AD8A85

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #471c2b;
  --color-2: #5e3a47;
  --color-3: #ad8a85;
  --color-4: #1a1d13;
  --color-5: #f9e8cf;
}

SCSS

$color-1: #471c2b;
$color-2: #5e3a47;
$color-3: #ad8a85;
$color-4: #1a1d13;
$color-5: #f9e8cf;

TAILWIND

colors: {
  'brand-1': '#471c2b',
  'brand-2': '#5e3a47',
  'brand-3': '#ad8a85',
  'brand-4': '#1a1d13',
  'brand-5': '#f9e8cf',
}

RGB Array

[71, 28, 43], [94, 58, 71], [173, 138, 133], [26, 29, 19], [249, 232, 207]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #471C2B, #5E3A47, #AD8A85, #1A1D13, #F9E8CF 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: #471c2b; --color-2: #5e3a47; --color-3: #ad8a85; --color-4: #1a1d13; --color-5: #f9e8cf. 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