← Back to Editor

#271D1E · #EB3F3F · #DE9C6D · #CBB47F · #B5D194

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

#271D1E

Crimson · Black · Deep Berry

HEX
#271D1E
RGB
rgb(39, 29, 30)
HSL
hsl(354, 15%, 13%)
HSB
hsb(354, 26%, 15%)
CMYK
cmyk(0%, 26%, 23%, 85%)
Oklch
oklch(24.3% 0.016 11.6)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#EB3F3F

Vermilion · Tomato · Passion Red

HEX
#EB3F3F
RGB
rgb(235, 63, 63)
HSL
hsl(0, 81%, 58%)
HSB
hsb(0, 73%, 92%)
CMYK
cmyk(0%, 73%, 73%, 8%)
Oklch
oklch(62.5% 0.209 25.6)

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

#DE9C6D

Apricot · DarkSalmon · Warm Sun

HEX
#DE9C6D
RGB
rgb(222, 156, 109)
HSL
hsl(25, 63%, 65%)
HSB
hsb(25, 51%, 87%)
CMYK
cmyk(0%, 30%, 51%, 13%)
Oklch
oklch(74.7% 0.101 56.0)

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

#CBB47F

Ginger · Tan · Sunflower

HEX
#CBB47F
RGB
rgb(203, 180, 127)
HSL
hsl(42, 42%, 65%)
HSB
hsb(42, 37%, 80%)
CMYK
cmyk(0%, 11%, 37%, 20%)
Oklch
oklch(77.7% 0.075 87.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#B5D194

Willow Green · Tan · Apple Green

HEX
#B5D194
RGB
rgb(181, 209, 148)
HSL
hsl(88, 40%, 70%)
HSB
hsb(88, 29%, 82%)
CMYK
cmyk(13%, 0%, 29%, 18%)
Oklch
oklch(82.5% 0.087 128.2)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

271D1E
1C2625

Analogous

261C22
271D1E
26201C

Triadic

271D1E
1D261C
1C1D26

Split-Comp.

271D1E
1C2620
1C2226

Tetradic

271D1E
22261C
1C2625
201C26

Contrast Matrix WCAG 2.1 Contrast

271D1E
EB3F3F
DE9C6D
CBB47F
B5D194
—
4.2
AA Large
7.1
AAA
8.1
AAA
9.8
AAA
4.2
AA Large
—
1.7
Fail
2.0
Fail
2.4
Fail
7.1
AAA
1.7
Fail
—
1.1
Fail
1.4
Fail
8.1
AAA
2.0
Fail
1.1
Fail
—
1.2
Fail
9.8
AAA
2.4
Fail
1.4
Fail
1.2
Fail
—
White BG
16.4AAA
4.0AA Large
2.3Fail
2.0Fail
1.7Fail
Black BG
1.3Fail
5.3AA
9.1AAA
10.4AAA
12.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

23231E
A19F3F
C1C178
C1C18C
C1C1A3

Deuteranopia

23241E
ABB73F
C5CA7B
C2C48F
C0BDA6

Tritanopia

271E1E
E23F3F
DB8183
CA9698
B6AEB1

Achromatopsia

202020
727272
AAAAAA
B5B5B5
C2C2C2

Shades & Tints Shades & Tints

#271D1E

Dark
Light

#EB3F3F

Dark
Light

#DE9C6D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #271d1e;
  --color-2: #eb3f3f;
  --color-3: #de9c6d;
  --color-4: #cbb47f;
  --color-5: #b5d194;
}

SCSS

$color-1: #271d1e;
$color-2: #eb3f3f;
$color-3: #de9c6d;
$color-4: #cbb47f;
$color-5: #b5d194;

TAILWIND

colors: {
  'brand-1': '#271d1e',
  'brand-2': '#eb3f3f',
  'brand-3': '#de9c6d',
  'brand-4': '#cbb47f',
  'brand-5': '#b5d194',
}

RGB Array

[39, 29, 30], [235, 63, 63], [222, 156, 109], [203, 180, 127], [181, 209, 148]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This space-style palette of #271D1E, #EB3F3F, #DE9C6D, #CBB47F, #B5D194 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: #271d1e; --color-2: #eb3f3f; --color-3: #de9c6d; --color-4: #cbb47f; --color-5: #b5d194. 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