← Back to Editor

#3D0031 · #AD2B4D · #DE606B · #FEB195 · #F3F1DA

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

#3D0031

Rose Purple · MidnightBlue · Dark Purple

HEX
#3D0031
RGB
rgb(61, 0, 49)
HSL
hsl(312, 100%, 12%)
HSB
hsb(312, 100%, 24%)
CMYK
cmyk(0%, 100%, 20%, 76%)
Oklch
oklch(24.4% 0.107 338.3)

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

#AD2B4D

Dark Violet · Brown · Camellia

HEX
#AD2B4D
RGB
rgb(173, 43, 77)
HSL
hsl(344, 60%, 42%)
HSB
hsb(344, 75%, 68%)
CMYK
cmyk(0%, 75%, 55%, 32%)
Oklch
oklch(50.3% 0.166 10.5)

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

#DE606B

Peach Pink · LightCoral · Coral Red

HEX
#DE606B
RGB
rgb(222, 96, 107)
HSL
hsl(355, 66%, 62%)
HSB
hsb(355, 57%, 87%)
CMYK
cmyk(0%, 57%, 52%, 13%)
Oklch
oklch(64.9% 0.158 17.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#FEB195

Apricot · LightSalmon · Peach Orange

HEX
#FEB195
RGB
rgb(254, 177, 149)
HSL
hsl(16, 98%, 79%)
HSB
hsb(16, 41%, 100%)
CMYK
cmyk(0%, 30%, 41%, 0%)
Oklch
oklch(82.7% 0.099 40.8)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#F3F1DA

Fresh Green · Beige · Lemon Cream

HEX
#F3F1DA
RGB
rgb(243, 241, 218)
HSL
hsl(55, 51%, 90%)
HSB
hsb(55, 10%, 95%)
CMYK
cmyk(0%, 1%, 10%, 5%)
Oklch
oklch(95.4% 0.030 102.9)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

3D0031
003D0C

Analogous

2B003D
3D0031
3D0012

Triadic

3D0031
313D00
00313D

Split-Comp.

3D0031
123D00
003D2B

Tetradic

3D0031
3D2B00
003D0C
00123D

Contrast Matrix WCAG 2.1 Contrast

3D0031
AD2B4D
DE606B
FEB195
F3F1DA
—
2.6
Fail
4.8
AA
9.6
AAA
14.8
AAA
2.6
Fail
—
1.9
Fail
3.7
AA Large
5.7
AA
4.8
AA
1.9
Fail
—
2.0
Fail
3.1
AA Large
9.6
AAA
3.7
AA Large
2.0
Fail
—
1.5
Fail
14.8
AAA
5.7
AA
3.1
AA Large
1.5
Fail
—
White BG
16.9AAA
6.5AA
3.5AA Large
1.8Fail
1.1Fail
Black BG
1.2Fail
3.2AA Large
6.0AA
11.9AAA
18.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

232225
757445
A7A668
DDDC9C
F2F2E0

Deuteranopia

262B22
7C8643
AFB868
E1E79D
F2F2E1

Tritanopia

3A1C1A
A73E3D
D86666
FAA1A2
F3E4E5

Achromatopsia

181818
565656
878787
C5C5C5
EFEFEF

Shades & Tints Shades & Tints

#3D0031

Dark
Light

#AD2B4D

Dark
Light

#DE606B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #3d0031;
  --color-2: #ad2b4d;
  --color-3: #de606b;
  --color-4: #feb195;
  --color-5: #f3f1da;
}

SCSS

$color-1: #3d0031;
$color-2: #ad2b4d;
$color-3: #de606b;
$color-4: #feb195;
$color-5: #f3f1da;

TAILWIND

colors: {
  'brand-1': '#3d0031',
  'brand-2': '#ad2b4d',
  'brand-3': '#de606b',
  'brand-4': '#feb195',
  'brand-5': '#f3f1da',
}

RGB Array

[61, 0, 49], [173, 43, 77], [222, 96, 107], [254, 177, 149], [243, 241, 218]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #3D0031, #AD2B4D, #DE606B, #FEB195, #F3F1DA 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: #3d0031; --color-2: #ad2b4d; --color-3: #de606b; --color-4: #feb195; --color-5: #f3f1da. 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