← Back to Editor

#210D19 · #FC3838 · #DA726D · #E1A966 · #5BC4B2

muted

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

#210D19

Rose Purple · Black · Raspberry

HEX
#210D19
RGB
rgb(33, 13, 25)
HSL
hsl(324, 43%, 9%)
HSB
hsb(324, 61%, 13%)
CMYK
cmyk(0%, 61%, 24%, 87%)
Oklch
oklch(19.5% 0.039 344.5)

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

#FC3838

Vermilion · Tomato · Passion Red

HEX
#FC3838
RGB
rgb(252, 56, 56)
HSL
hsl(0, 97%, 60%)
HSB
hsb(0, 78%, 99%)
CMYK
cmyk(0%, 78%, 78%, 1%)
Oklch
oklch(64.8% 0.231 26.6)

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

#DA726D

Peach Pink · LightCoral · Coral Red

HEX
#DA726D
RGB
rgb(218, 114, 109)
HSL
hsl(3, 60%, 64%)
HSB
hsb(3, 50%, 85%)
CMYK
cmyk(0%, 48%, 50%, 15%)
Oklch
oklch(67.0% 0.131 24.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#E1A966

Ginger · SandyBrown · Warm Sun

HEX
#E1A966
RGB
rgb(225, 169, 102)
HSL
hsl(33, 67%, 64%)
HSB
hsb(33, 55%, 88%)
CMYK
cmyk(0%, 25%, 55%, 12%)
Oklch
oklch(77.3% 0.107 70.1)

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

#5BC4B2

Mineral Blue · MediumAquaMarine · Lake Green

HEX
#5BC4B2
RGB
rgb(91, 196, 178)
HSL
hsl(170, 47%, 56%)
HSB
hsb(170, 54%, 77%)
CMYK
cmyk(54%, 0%, 9%, 23%)
Oklch
oklch(75.3% 0.101 180.6)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

210D19
0D2115

Analogous

1F0D21
210D19
210D0F

Triadic

210D19
19210D
0D1921

Split-Comp.

210D19
0F210D
0D211F

Tetradic

210D19
211F0D
0D2115
0D0F21

Contrast Matrix WCAG 2.1 Contrast

210D19
FC3838
DA726D
E1A966
5BC4B2
—
5.1
AA
5.8
AA
8.9
AAA
8.8
AAA
5.1
AA
—
1.1
Fail
1.7
Fail
1.7
Fail
5.8
AA
1.1
Fail
—
1.5
Fail
1.5
Fail
8.9
AAA
1.7
Fail
1.5
Fail
—
1.0
Fail
8.8
AAA
1.7
Fail
1.5
Fail
1.0
Fail
—
White BG
18.5AAA
3.6AA Large
3.2AA Large
2.1Fail
2.1Fail
Black BG
1.1Fail
5.8AA
6.6AA
10.1AAA
10.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

181816
A7A538
ADAC6E
C9C876
8889B6

Deuteranopia

1A1B15
B3C138
B3BB6F
CCD07A
827BB7

Tritanopia

201413
F23838
D56F6F
DE8386
60BABB

Achromatopsia

141414
737373
919191
B2B2B2
A3A3A3

Shades & Tints Shades & Tints

#210D19

Dark
Light

#FC3838

Dark
Light

#DA726D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #210d19;
  --color-2: #fc3838;
  --color-3: #da726d;
  --color-4: #e1a966;
  --color-5: #5bc4b2;
}

SCSS

$color-1: #210d19;
$color-2: #fc3838;
$color-3: #da726d;
$color-4: #e1a966;
$color-5: #5bc4b2;

TAILWIND

colors: {
  'brand-1': '#210d19',
  'brand-2': '#fc3838',
  'brand-3': '#da726d',
  'brand-4': '#e1a966',
  'brand-5': '#5bc4b2',
}

RGB Array

[33, 13, 25], [252, 56, 56], [218, 114, 109], [225, 169, 102], [91, 196, 178]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This muted-style palette of #210D19, #FC3838, #DA726D, #E1A966, #5BC4B2 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: #210d19; --color-2: #fc3838; --color-3: #da726d; --color-4: #e1a966; --color-5: #5bc4b2. 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 muted-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