← Back to Editor

#613463 · #9C4C5A · #C5775D · #D6B681 · #EBEDB8

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

#613463

Dark Plum · DarkSlateBlue · Eggplant

HEX
#613463
RGB
rgb(97, 52, 99)
HSL
hsl(297, 31%, 30%)
HSB
hsb(297, 47%, 39%)
CMYK
cmyk(2%, 47%, 0%, 61%)
Oklch
oklch(40.1% 0.094 325.6)

Traditional「Dark Plum」· Paint「Eggplant」· Creative Blush Sunrise

#9C4C5A

Crimson · Sienna · Passion Red

HEX
#9C4C5A
RGB
rgb(156, 76, 90)
HSL
hsl(350, 34%, 45%)
HSB
hsb(350, 51%, 61%)
CMYK
cmyk(0%, 51%, 42%, 39%)
Oklch
oklch(52.0% 0.107 10.5)

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

#C5775D

Tangerine · DarkSalmon · Warm Sun

HEX
#C5775D
RGB
rgb(197, 119, 93)
HSL
hsl(15, 47%, 57%)
HSB
hsb(15, 53%, 77%)
CMYK
cmyk(0%, 40%, 53%, 23%)
Oklch
oklch(64.8% 0.105 39.2)

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

#D6B681

Ginger · BurlyWood · Warm Sun

HEX
#D6B681
RGB
rgb(214, 182, 129)
HSL
hsl(37, 51%, 67%)
HSB
hsb(37, 40%, 84%)
CMYK
cmyk(0%, 15%, 40%, 16%)
Oklch
oklch(79.2% 0.079 79.8)

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

#EBEDB8

Fresh Green · Wheat · Lemon Cream

HEX
#EBEDB8
RGB
rgb(235, 237, 184)
HSL
hsl(62, 60%, 83%)
HSB
hsb(62, 22%, 93%)
CMYK
cmyk(1%, 0%, 22%, 7%)
Oklch
oklch(93.2% 0.069 109.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

613463
376435

Analogous

4A3564
613463
64354F

Triadic

613463
646235
356462

Split-Comp.

613463
4F6435
35644A

Tetradic

613463
644A35
376435
354F64

Contrast Matrix WCAG 2.1 Contrast

613463
9C4C5A
C5775D
D6B681
EBEDB8
—
1.6
Fail
2.8
Fail
5.0
AA
8.0
AAA
1.6
Fail
—
1.7
Fail
3.0
AA Large
4.8
AA
2.8
Fail
1.7
Fail
—
1.8
Fail
2.8
Fail
5.0
AA
3.0
AA Large
1.8
Fail
—
1.6
Fail
8.0
AAA
4.8
AA
2.8
Fail
1.6
Fail
—
White BG
9.6AAA
5.8AA
3.4AA Large
1.9Fail
1.2Fail
Black BG
2.2Fail
3.6AA Large
6.2AA
10.9AAA
17.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4E4D58
797957
A3A363
C8C88E
ECECC5

Deuteranopia

505355
7E8456
A8AE65
CACC91
ECECC8

Tritanopia

5F4F4D
985453
C16869
D4989A
EBCFD1

Achromatopsia

474747
666666
8B8B8B
BABABA
E6E6E6

Shades & Tints Shades & Tints

#613463

Dark
Light

#9C4C5A

Dark
Light

#C5775D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #613463;
  --color-2: #9c4c5a;
  --color-3: #c5775d;
  --color-4: #d6b681;
  --color-5: #ebedb8;
}

SCSS

$color-1: #613463;
$color-2: #9c4c5a;
$color-3: #c5775d;
$color-4: #d6b681;
$color-5: #ebedb8;

TAILWIND

colors: {
  'brand-1': '#613463',
  'brand-2': '#9c4c5a',
  'brand-3': '#c5775d',
  'brand-4': '#d6b681',
  'brand-5': '#ebedb8',
}

RGB Array

[97, 52, 99], [156, 76, 90], [197, 119, 93], [214, 182, 129], [235, 237, 184]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #613463, #9C4C5A, #C5775D, #D6B681, #EBEDB8 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: #613463; --color-2: #9c4c5a; --color-3: #c5775d; --color-4: #d6b681; --color-5: #ebedb8. 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