← Back to Editor

#323C4A · #875155 · #EB655B · #E6AF85 · #E0D8B1

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

#323C4A

Indigo · DarkSlateGray · Prussian Blue

HEX
#323C4A
RGB
rgb(50, 60, 74)
HSL
hsl(215, 19%, 24%)
HSB
hsb(215, 32%, 29%)
CMYK
cmyk(32%, 19%, 0%, 71%)
Oklch
oklch(35.3% 0.028 256.8)

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

#875155

Crimson · DimGray · Passion Red

HEX
#875155
RGB
rgb(135, 81, 85)
HSL
hsl(356, 25%, 42%)
HSB
hsb(356, 40%, 53%)
CMYK
cmyk(0%, 40%, 37%, 47%)
Oklch
oklch(49.8% 0.073 15.2)

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

#EB655B

Peach Pink · Tomato · Coral Red

HEX
#EB655B
RGB
rgb(235, 101, 91)
HSL
hsl(4, 78%, 64%)
HSB
hsb(4, 61%, 92%)
CMYK
cmyk(0%, 57%, 61%, 8%)
Oklch
oklch(67.2% 0.168 26.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#E6AF85

Apricot · BurlyWood · Warm Sun

HEX
#E6AF85
RGB
rgb(230, 175, 133)
HSL
hsl(26, 66%, 71%)
HSB
hsb(26, 42%, 90%)
CMYK
cmyk(0%, 24%, 42%, 10%)
Oklch
oklch(79.5% 0.085 58.5)

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

#E0D8B1

Fresh Green · Wheat · Lemon Cream

HEX
#E0D8B1
RGB
rgb(224, 216, 177)
HSL
hsl(50, 43%, 79%)
HSB
hsb(50, 21%, 88%)
CMYK
cmyk(0%, 4%, 21%, 12%)
Oklch
oklch(87.9% 0.052 97.7)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

323C4A
493F32

Analogous

324749
323C4A
343249

Triadic

323C4A
49323B
3B4932

Split-Comp.

323C4A
493432
474932

Tetradic

323C4A
493247
493F32
324934

Contrast Matrix WCAG 2.1 Contrast

323C4A
875155
EB655B
E6AF85
E0D8B1
—
1.8
Fail
3.5
AA Large
5.8
AA
7.8
AAA
1.8
Fail
—
2.0
Fail
3.2
AA Large
4.4
AA Large
3.5
AA Large
2.0
Fail
—
1.7
Fail
2.2
Fail
5.8
AA
3.2
AA Large
1.7
Fail
—
1.3
Fail
7.8
AAA
4.4
AA Large
2.2
Fail
1.3
Fail
—
White BG
11.2AAA
6.3AA
3.2AA Large
1.9Fail
1.4Fail
Black BG
1.9Fail
3.3AA Large
6.5AA
10.8AAA
14.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

363647
706F54
B1B05D
CECE8F
DDDCBA

Deuteranopia

363546
737754
B9C35E
D1D692
DDDEBD

Tritanopia

334443
845353
E45F60
E39799
E0C2C4

Achromatopsia

3B3B3B
626262
8C8C8C
BBBBBB
D6D6D6

Shades & Tints Shades & Tints

#323C4A

Dark
Light

#875155

Dark
Light

#EB655B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #323c4a;
  --color-2: #875155;
  --color-3: #eb655b;
  --color-4: #e6af85;
  --color-5: #e0d8b1;
}

SCSS

$color-1: #323c4a;
$color-2: #875155;
$color-3: #eb655b;
$color-4: #e6af85;
$color-5: #e0d8b1;

TAILWIND

colors: {
  'brand-1': '#323c4a',
  'brand-2': '#875155',
  'brand-3': '#eb655b',
  'brand-4': '#e6af85',
  'brand-5': '#e0d8b1',
}

RGB Array

[50, 60, 74], [135, 81, 85], [235, 101, 91], [230, 175, 133], [224, 216, 177]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #323C4A, #875155, #EB655B, #E6AF85, #E0D8B1 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: #323c4a; --color-2: #875155; --color-3: #eb655b; --color-4: #e6af85; --color-5: #e0d8b1. 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