← Back to Editor

#32041D · #C22B4A · #EB7840 · #B2D15F · #70FFBB

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#32041D

Rose Purple · Black · Raspberry

HEX
#32041D
RGB
rgb(50, 4, 29)
HSL
hsl(327, 85%, 11%)
HSB
hsb(327, 92%, 20%)
CMYK
cmyk(0%, 92%, 42%, 80%)
Oklch
oklch(21.5% 0.079 352.2)

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

#C22B4A

Vermilion · Crimson · Passion Red

HEX
#C22B4A
RGB
rgb(194, 43, 74)
HSL
hsl(348, 64%, 46%)
HSB
hsb(348, 78%, 76%)
CMYK
cmyk(0%, 78%, 62%, 24%)
Oklch
oklch(53.9% 0.186 15.1)

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

#EB7840

Tangerine · Coral · Warm Sun

HEX
#EB7840
RGB
rgb(235, 120, 64)
HSL
hsl(20, 81%, 59%)
HSB
hsb(20, 73%, 92%)
CMYK
cmyk(0%, 49%, 73%, 8%)
Oklch
oklch(69.5% 0.158 44.8)

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

#B2D15F

Grass Green · Tan · Olive Green

HEX
#B2D15F
RGB
rgb(178, 209, 95)
HSL
hsl(76, 55%, 60%)
HSB
hsb(76, 55%, 82%)
CMYK
cmyk(15%, 0%, 55%, 18%)
Oklch
oklch(81.4% 0.145 122.3)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

#70FFBB

Jade · MediumAquaMarine · Apple Green

HEX
#70FFBB
RGB
rgb(112, 255, 187)
HSL
hsl(151, 100%, 72%)
HSB
hsb(151, 56%, 100%)
CMYK
cmyk(56%, 0%, 27%, 0%)
Oklch
oklch(90.4% 0.157 160.1)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

32041D
04341A

Analogous

320434
32041D
340407

Triadic

32041D
1E3404
041E34

Split-Comp.

32041D
073404
043432

Tetradic

32041D
343204
04341A
040734

Contrast Matrix WCAG 2.1 Contrast

32041D
C22B4A
EB7840
B2D15F
70FFBB
—
3.2
AA Large
6.2
AA
10.4
AAA
14.3
AAA
3.2
AA Large
—
2.0
Fail
3.3
AA Large
4.5
AA Large
6.2
AA
2.0
Fail
—
1.7
Fail
2.3
Fail
10.4
AAA
3.3
AA Large
1.7
Fail
—
1.4
Fail
14.3
AAA
4.5
AA Large
2.3
Fail
1.4
Fail
—
White BG
17.9AAA
5.6AA
2.9Fail
1.7Fail
1.3Fail
Black BG
1.2Fail
3.7AA Large
7.3AAA
12.2AAA
16.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1E1E17
817F42
B9B84E
BFC07B
AEAFCB

Deuteranopia

212415
899541
C0C951
BEBB81
A69BCF

Tritanopia

301211
BA3D3B
E5585B
B49095
77D8DB

Achromatopsia

151515
5C5C5C
949494
BBBBBB
CCCCCC

Shades & Tints Shades & Tints

#32041D

Dark
Light

#C22B4A

Dark
Light

#EB7840

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #32041d;
  --color-2: #c22b4a;
  --color-3: #eb7840;
  --color-4: #b2d15f;
  --color-5: #70ffbb;
}

SCSS

$color-1: #32041d;
$color-2: #c22b4a;
$color-3: #eb7840;
$color-4: #b2d15f;
$color-5: #70ffbb;

TAILWIND

colors: {
  'brand-1': '#32041d',
  'brand-2': '#c22b4a',
  'brand-3': '#eb7840',
  'brand-4': '#b2d15f',
  'brand-5': '#70ffbb',
}

RGB Array

[50, 4, 29], [194, 43, 74], [235, 120, 64], [178, 209, 95], [112, 255, 187]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #32041D, #C22B4A, #EB7840, #B2D15F, #70FFBB 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: #32041d; --color-2: #c22b4a; --color-3: #eb7840; --color-4: #b2d15f; --color-5: #70ffbb. 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