← Back to Editor

#413A41 · #A25063 · #BF8671 · #F4E9D6 · #F6F2EC

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

#413A41

Dark Cyan · DarkSlateGray · Dark Stone

HEX
#413A41
RGB
rgb(65, 58, 65)
HSL
hsl(300, 6%, 24%)
HSB
hsb(300, 11%, 25%)
CMYK
cmyk(0%, 11%, 0%, 75%)
Oklch
oklch(35.8% 0.015 325.9)

Traditional「Dark Cyan」· Paint「Dark Stone」· Creative Midnight Shadow

#A25063

Crimson · Sienna · Passion Red

HEX
#A25063
RGB
rgb(162, 80, 99)
HSL
hsl(346, 34%, 47%)
HSB
hsb(346, 51%, 64%)
CMYK
cmyk(0%, 51%, 39%, 36%)
Oklch
oklch(53.7% 0.110 6.8)

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

#BF8671

Tangerine · DarkSalmon · Warm Sun

HEX
#BF8671
RGB
rgb(191, 134, 113)
HSL
hsl(16, 38%, 60%)
HSB
hsb(16, 41%, 75%)
CMYK
cmyk(0%, 30%, 41%, 25%)
Oklch
oklch(67.2% 0.077 41.1)

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

#F4E9D6

Goose Yellow · Beige · Peach Orange

HEX
#F4E9D6
RGB
rgb(244, 233, 214)
HSL
hsl(38, 58%, 90%)
HSB
hsb(38, 12%, 96%)
CMYK
cmyk(0%, 5%, 12%, 4%)
Oklch
oklch(93.8% 0.028 81.5)

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

#F6F2EC

Goose Yellow · Linen · Peach Orange

HEX
#F6F2EC
RGB
rgb(246, 242, 236)
HSL
hsl(36, 36%, 95%)
HSB
hsb(36, 4%, 96%)
CMYK
cmyk(0%, 2%, 4%, 4%)
Oklch
oklch(96.3% 0.009 78.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

413A41
3A413A

Analogous

3D3A41
413A41
413A3D

Triadic

413A41
41413A
3A4141

Split-Comp.

413A41
3D413A
3A413D

Tetradic

413A41
413D3A
3A413A
3A3D41

Contrast Matrix WCAG 2.1 Contrast

413A41
A25063
BF8671
F4E9D6
F6F2EC
—
2.0
Fail
3.6
AA Large
9.2
AAA
9.9
AAA
2.0
Fail
—
1.8
Fail
4.5
AA
4.9
AA
3.6
AA Large
1.8
Fail
—
2.5
Fail
2.7
Fail
9.2
AAA
4.5
AA
2.5
Fail
—
1.1
Fail
9.9
AAA
4.9
AA
2.7
Fail
1.1
Fail
—
White BG
11.0AAA
5.4AA
3.1AA Large
1.2Fail
1.1Fail
Black BG
1.9Fail
3.9AA Large
6.9AA
17.5AAA
18.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3E3E3F
7E7E5E
A6A676
EFEFDB
F4F4ED

Deuteranopia

3E3F3F
83895D
AAAE77
F0F1DC
F5F5EE

Tritanopia

413E3E
9E5B5A
BC7A7B
F3DEDF
F6EFEF

Achromatopsia

3D3D3D
6B6B6B
959595
EAEAEA
F3F3F3

Shades & Tints Shades & Tints

#413A41

Dark
Light

#A25063

Dark
Light

#BF8671

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #413a41;
  --color-2: #a25063;
  --color-3: #bf8671;
  --color-4: #f4e9d6;
  --color-5: #f6f2ec;
}

SCSS

$color-1: #413a41;
$color-2: #a25063;
$color-3: #bf8671;
$color-4: #f4e9d6;
$color-5: #f6f2ec;

TAILWIND

colors: {
  'brand-1': '#413a41',
  'brand-2': '#a25063',
  'brand-3': '#bf8671',
  'brand-4': '#f4e9d6',
  'brand-5': '#f6f2ec',
}

RGB Array

[65, 58, 65], [162, 80, 99], [191, 134, 113], [244, 233, 214], [246, 242, 236]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #413A41, #A25063, #BF8671, #F4E9D6, #F6F2EC 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: #413a41; --color-2: #a25063; --color-3: #bf8671; --color-4: #f4e9d6; --color-5: #f6f2ec. 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