← Back to Editor

#DE5060 · #A41D24 · #FFB7B3 · #4C3643 · #000000

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

#DE5060

Vermilion · Tomato · Passion Red

HEX
#DE5060
RGB
rgb(222, 80, 96)
HSL
hsl(353, 68%, 59%)
HSB
hsb(353, 64%, 87%)
CMYK
cmyk(0%, 64%, 57%, 13%)
Oklch
oklch(62.7% 0.177 17.3)

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

#A41D24

Vermilion · Brown · Wine Red

HEX
#A41D24
RGB
rgb(164, 29, 36)
HSL
hsl(357, 70%, 38%)
HSB
hsb(357, 82%, 64%)
CMYK
cmyk(0%, 82%, 78%, 36%)
Oklch
oklch(46.7% 0.170 24.7)

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

#FFB7B3

Peach Pink · LightPink · Cherry Blossom

HEX
#FFB7B3
RGB
rgb(255, 183, 179)
HSL
hsl(3, 100%, 85%)
HSB
hsb(3, 30%, 100%)
CMYK
cmyk(0%, 28%, 30%, 0%)
Oklch
oklch(84.6% 0.084 22.6)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#4C3643

Rose Purple · DarkSlateGray · Raspberry

HEX
#4C3643
RGB
rgb(76, 54, 67)
HSL
hsl(325, 17%, 25%)
HSB
hsb(325, 29%, 30%)
CMYK
cmyk(0%, 29%, 12%, 70%)
Oklch
oklch(36.3% 0.037 342.9)

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

#000000

Ink Black · Black · Jet Black

HEX
#000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
HSB
hsb(0, 0%, 0%)
CMYK
cmyk(0%, 0%, 0%, 100%)
Oklch
oklch(0.0% 0.000 0.0)

Traditional「Ink Black」· Paint「Jet Black」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DE5060
4FDECD

Analogous

DE4FA7
DE5060
DE864F

Triadic

DE5060
60DE4F
4F60DE

Split-Comp.

DE5060
4FDE86
4FA7DE

Tetradic

DE5060
A7DE4F
4FDECD
864FDE

Contrast Matrix WCAG 2.1 Contrast

DE5060
A41D24
FFB7B3
4C3643
000000
—
2.0
Fail
2.3
Fail
2.8
Fail
5.4
AA
2.0
Fail
—
4.6
AA
1.5
Fail
2.8
Fail
2.3
Fail
4.6
AA
—
6.6
AA
12.7
AAA
2.8
Fail
1.5
Fail
6.6
AA
—
1.9
Fail
5.4
AA
2.8
Fail
12.7
AAA
1.9
Fail
—
White BG
3.9AA Large
7.6AAA
1.7Fail
11.0AAA
21.0AAA
Black BG
5.4AA
2.8Fail
12.7AAA
1.9Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

A19F5C
6A6822
E0DFB4
424240
000000

Deuteranopia

A9B35B
717C22
E4E9B4
44453F
000000

Tritanopia

D75958
9D2121
FBB5B5
4B3D3D
000000

Achromatopsia

7C7C7C
464646
CCCCCC
3E3E3E
000000

Shades & Tints Shades & Tints

#DE5060

Dark
Light

#A41D24

Dark
Light

#FFB7B3

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #de5060;
  --color-2: #a41d24;
  --color-3: #ffb7b3;
  --color-4: #4c3643;
  --color-5: #000000;
}

SCSS

$color-1: #de5060;
$color-2: #a41d24;
$color-3: #ffb7b3;
$color-4: #4c3643;
$color-5: #000000;

TAILWIND

colors: {
  'brand-1': '#de5060',
  'brand-2': '#a41d24',
  'brand-3': '#ffb7b3',
  'brand-4': '#4c3643',
  'brand-5': '#000000',
}

RGB Array

[222, 80, 96], [164, 29, 36], [255, 183, 179], [76, 54, 67], [0, 0, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DE5060, #A41D24, #FFB7B3, #4C3643, #000000 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: #de5060; --color-2: #a41d24; --color-3: #ffb7b3; --color-4: #4c3643; --color-5: #000000. 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 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