← Back to Editor

#2B0028 · #EB234B · #D9BA8F · #D3F7A3 · #E5F2D3

A 5-color palette 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

#2B0028

Rose Purple · Black · Dark Purple

HEX
#2B0028
RGB
rgb(43, 0, 40)
HSL
hsl(304, 100%, 8%)
HSB
hsb(304, 100%, 17%)
CMYK
cmyk(0%, 100%, 7%, 83%)
Oklch
oklch(20.0% 0.091 331.5)

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

#EB234B

Vermilion · Crimson · Passion Red

HEX
#EB234B
RGB
rgb(235, 35, 75)
HSL
hsl(348, 83%, 53%)
HSB
hsb(348, 85%, 92%)
CMYK
cmyk(0%, 85%, 68%, 8%)
Oklch
oklch(60.7% 0.227 18.1)

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

#D9BA8F

Goose Yellow · BurlyWood · Warm Sun

HEX
#D9BA8F
RGB
rgb(217, 186, 143)
HSL
hsl(35, 49%, 71%)
HSB
hsb(35, 34%, 85%)
CMYK
cmyk(0%, 14%, 34%, 15%)
Oklch
oklch(80.5% 0.067 75.6)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#D3F7A3

Willow Green · Khaki · Apple Green

HEX
#D3F7A3
RGB
rgb(211, 247, 163)
HSL
hsl(86, 84%, 80%)
HSB
hsb(86, 34%, 97%)
CMYK
cmyk(15%, 0%, 34%, 3%)
Oklch
oklch(93.1% 0.115 127.3)

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

#E5F2D3

Willow Green · Beige · Mint Green

HEX
#E5F2D3
RGB
rgb(229, 242, 211)
HSL
hsl(85, 54%, 89%)
HSB
hsb(85, 13%, 95%)
CMYK
cmyk(5%, 0%, 13%, 5%)
Oklch
oklch(94.3% 0.043 125.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2B0028
002903

Analogous

170029
2B0028
290012

Triadic

2B0028
262900
002629

Split-Comp.

2B0028
122900
002917

Tetradic

2B0028
291700
002903
001229

Contrast Matrix WCAG 2.1 Contrast

2B0028
EB234B
D9BA8F
D3F7A3
E5F2D3
—
4.3
AA Large
10.0
AAA
15.5
AAA
15.9
AAA
4.3
AA Large
—
2.3
Fail
3.6
AA Large
3.7
AA Large
10.0
AAA
2.3
Fail
—
1.5
Fail
1.6
Fail
15.5
AAA
3.6
AA Large
1.5
Fail
—
1.0
Fail
15.9
AAA
3.7
AA Large
1.6
Fail
1.0
Fail
—
White BG
18.5AAA
4.3AA Large
1.8Fail
1.2Fail
1.2Fail
Black BG
1.1Fail
4.9AA
11.4AAA
17.6AAA
18.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

18181E
949341
CCCB99
E3E3B7
EBEBDB

Deuteranopia

1B1E1C
A0AF3F
CDD09C
E1DEBC
EAE9DC

Tritanopia

291715
E13A38
D7A2A3
D5C7CB
E6E0E2

Achromatopsia

111111
636363
BEBEBE
E3E3E3
EBEBEB

Shades & Tints Shades & Tints

#2B0028

Dark
Light

#EB234B

Dark
Light

#D9BA8F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2b0028;
  --color-2: #eb234b;
  --color-3: #d9ba8f;
  --color-4: #d3f7a3;
  --color-5: #e5f2d3;
}

SCSS

$color-1: #2b0028;
$color-2: #eb234b;
$color-3: #d9ba8f;
$color-4: #d3f7a3;
$color-5: #e5f2d3;

TAILWIND

colors: {
  'brand-1': '#2b0028',
  'brand-2': '#eb234b',
  'brand-3': '#d9ba8f',
  'brand-4': '#d3f7a3',
  'brand-5': '#e5f2d3',
}

RGB Array

[43, 0, 40], [235, 35, 75], [217, 186, 143], [211, 247, 163], [229, 242, 211]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2B0028, #EB234B, #D9BA8F, #D3F7A3, #E5F2D3 is ideal for: social media posters, mobile apps, e-commerce promos, 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: #2b0028; --color-2: #eb234b; --color-3: #d9ba8f; --color-4: #d3f7a3; --color-5: #e5f2d3. 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 general-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