← Back to Editor

#665426 · #E9CFAA · #3E002E · #54072E · #9E034F

space

A 5-color space palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#665426

Ochre · DarkOliveGreen · Honey Gold

HEX
#665426
RGB
rgb(102, 84, 38)
HSL
hsl(43, 46%, 27%)
HSB
hsb(43, 63%, 40%)
CMYK
cmyk(0%, 18%, 63%, 60%)
Oklch
oklch(45.4% 0.068 88.1)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#E9CFAA

Goose Yellow · Wheat · Peach Orange

HEX
#E9CFAA
RGB
rgb(233, 207, 170)
HSL
hsl(35, 59%, 79%)
HSB
hsb(35, 27%, 91%)
CMYK
cmyk(0%, 11%, 27%, 9%)
Oklch
oklch(86.7% 0.057 76.5)

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

#3E002E

Rose Purple · Black · Dark Purple

HEX
#3E002E
RGB
rgb(62, 0, 46)
HSL
hsl(315, 100%, 12%)
HSB
hsb(315, 100%, 24%)
CMYK
cmyk(0%, 100%, 26%, 76%)
Oklch
oklch(24.4% 0.105 341.8)

Traditional「Rose Purple」· Paint「Dark Purple」· Creative Blush Sunrise

#54072E

Dark Violet · Maroon · Raspberry

HEX
#54072E
RGB
rgb(84, 7, 46)
HSL
hsl(330, 85%, 18%)
HSB
hsb(330, 92%, 33%)
CMYK
cmyk(0%, 92%, 45%, 67%)
Oklch
oklch(29.6% 0.112 356.7)

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

#9E034F

Dark Violet · Brown · Camellia

HEX
#9E034F
RGB
rgb(158, 3, 79)
HSL
hsl(331, 96%, 32%)
HSB
hsb(331, 98%, 62%)
CMYK
cmyk(0%, 98%, 50%, 38%)
Oklch
oklch(45.3% 0.181 1.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

665426
253765

Analogous

653325
665426
576525

Triadic

665426
256553
532565

Split-Comp.

665426
255765
332565

Tetradic

665426
256533
253765
652557

Contrast Matrix WCAG 2.1 Contrast

665426
E9CFAA
3E002E
54072E
9E034F
—
4.9
AA
2.3
Fail
2.0
Fail
1.1
Fail
4.9
AA
—
11.2
AAA
9.7
AAA
5.4
AA
2.3
Fail
11.2
AAA
—
1.2
Fail
2.1
Fail
2.0
Fail
9.7
AAA
1.2
Fail
—
1.8
Fail
1.1
Fail
5.4
AA
2.1
Fail
1.8
Fail
—
White BG
7.3AAA
1.5Fail
16.9AAA
14.5AAA
8.1AAA
Black BG
2.9Fail
14.0AAA
1.2Fail
1.4Fail
2.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

5E5E31
DEDEB3
232323
333225
5B593D

Deuteranopia

5F6134
DFE1B5
272B20
373D22
647038

Tritanopia

653A3C
E8BABC
3B1A18
501D1B
962E2B

Achromatopsia

545454
D3D3D3
181818
222222
3A3A3A

Shades & Tints Shades & Tints

#665426

Dark
Light

#E9CFAA

Dark
Light

#3E002E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #665426;
  --color-2: #e9cfaa;
  --color-3: #3e002e;
  --color-4: #54072e;
  --color-5: #9e034f;
}

SCSS

$color-1: #665426;
$color-2: #e9cfaa;
$color-3: #3e002e;
$color-4: #54072e;
$color-5: #9e034f;

TAILWIND

colors: {
  'brand-1': '#665426',
  'brand-2': '#e9cfaa',
  'brand-3': '#3e002e',
  'brand-4': '#54072e',
  'brand-5': '#9e034f',
}

RGB Array

[102, 84, 38], [233, 207, 170], [62, 0, 46], [84, 7, 46], [158, 3, 79]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #665426, #E9CFAA, #3E002E, #54072E, #9E034F is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #665426; --color-2: #e9cfaa; --color-3: #3e002e; --color-4: #54072e; --color-5: #9e034f. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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