← Back to Editor

#323253 · #DFC1C1 · #F0D8C0 · #D8A890 · #8F5353

space

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

#323253

Deep Indigo · DarkSlateGray · Prussian Blue

HEX
#323253
RGB
rgb(50, 50, 83)
HSL
hsl(240, 25%, 26%)
HSB
hsb(240, 40%, 33%)
CMYK
cmyk(40%, 40%, 0%, 67%)
Oklch
oklch(33.3% 0.058 282.8)

Traditional「Deep Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#DFC1C1

Peach Pink · LightGray · Cherry Blossom

HEX
#DFC1C1
RGB
rgb(223, 193, 193)
HSL
hsl(0, 32%, 82%)
HSB
hsb(0, 13%, 87%)
CMYK
cmyk(0%, 13%, 13%, 13%)
Oklch
oklch(83.6% 0.034 17.9)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#F0D8C0

Goose Yellow · Wheat · Peach Orange

HEX
#F0D8C0
RGB
rgb(240, 216, 192)
HSL
hsl(30, 62%, 85%)
HSB
hsb(30, 20%, 94%)
CMYK
cmyk(0%, 10%, 20%, 6%)
Oklch
oklch(89.6% 0.042 67.3)

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

#D8A890

Apricot · Tan · Warm Sun

HEX
#D8A890
RGB
rgb(216, 168, 144)
HSL
hsl(20, 48%, 71%)
HSB
hsb(20, 33%, 85%)
CMYK
cmyk(0%, 22%, 33%, 15%)
Oklch
oklch(77.0% 0.066 47.8)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#8F5353

Crimson · Sienna · Passion Red

HEX
#8F5353
RGB
rgb(143, 83, 83)
HSL
hsl(0, 27%, 44%)
HSB
hsb(0, 42%, 56%)
CMYK
cmyk(0%, 42%, 42%, 44%)
Oklch
oklch(51.2% 0.080 20.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

323253
535332

Analogous

324253
323253
423253

Triadic

323253
533232
325332

Split-Comp.

323253
534232
425332

Tetradic

323253
533242
535332
325342

Contrast Matrix WCAG 2.1 Contrast

323253
DFC1C1
F0D8C0
D8A890
8F5353
—
7.3
AAA
8.9
AAA
5.8
AA
2.1
Fail
7.3
AAA
—
1.2
Fail
1.3
Fail
3.6
AA Large
8.9
AAA
1.2
Fail
—
1.5
Fail
4.3
AA Large
5.8
AA
1.3
Fail
1.5
Fail
—
2.8
Fail
2.1
Fail
3.6
AA Large
4.3
AA Large
2.8
Fail
—
White BG
12.2AAA
1.7Fail
1.4Fail
2.1Fail
5.9AA
Black BG
1.7Fail
12.5AAA
15.3AAA
9.9AAA
3.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

32324B
D2D2C1
E6E5C6
C3C396
757453

Deuteranopia

323249
D4D6C1
E7E9C7
C6CA97
797D53

Tritanopia

324543
DEC1C1
EFCACB
D69A9B
8C5353

Achromatopsia

363636
CACACA
DCDCDC
B4B4B4
656565

Shades & Tints Shades & Tints

#323253

Dark
Light

#DFC1C1

Dark
Light

#F0D8C0

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #323253;
  --color-2: #dfc1c1;
  --color-3: #f0d8c0;
  --color-4: #d8a890;
  --color-5: #8f5353;
}

SCSS

$color-1: #323253;
$color-2: #dfc1c1;
$color-3: #f0d8c0;
$color-4: #d8a890;
$color-5: #8f5353;

TAILWIND

colors: {
  'brand-1': '#323253',
  'brand-2': '#dfc1c1',
  'brand-3': '#f0d8c0',
  'brand-4': '#d8a890',
  'brand-5': '#8f5353',
}

RGB Array

[50, 50, 83], [223, 193, 193], [240, 216, 192], [216, 168, 144], [143, 83, 83]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #323253, #DFC1C1, #F0D8C0, #D8A890, #8F5353 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: #323253; --color-2: #dfc1c1; --color-3: #f0d8c0; --color-4: #d8a890; --color-5: #8f5353. 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