← Back to Editor

#DECAA9 · #D33941 · #B8222B · #8B181F · #600F15

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

#DECAA9

Goose Yellow · Wheat · Peach Orange

HEX
#DECAA9
RGB
rgb(222, 202, 169)
HSL
hsl(37, 45%, 77%)
HSB
hsb(37, 24%, 87%)
CMYK
cmyk(0%, 9%, 24%, 13%)
Oklch
oklch(84.7% 0.049 80.3)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#D33941

Vermilion · Crimson · Passion Red

HEX
#D33941
RGB
rgb(211, 57, 65)
HSL
hsl(357, 64%, 53%)
HSB
hsb(357, 73%, 83%)
CMYK
cmyk(0%, 73%, 69%, 17%)
Oklch
oklch(57.9% 0.190 22.9)

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

#B8222B

Vermilion · FireBrick · Passion Red

HEX
#B8222B
RGB
rgb(184, 34, 43)
HSL
hsl(356, 69%, 43%)
HSB
hsb(356, 82%, 72%)
CMYK
cmyk(0%, 82%, 77%, 28%)
Oklch
oklch(50.9% 0.184 24.3)

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

#8B181F

Vermilion · Brown · Wine Red

HEX
#8B181F
RGB
rgb(139, 24, 31)
HSL
hsl(356, 71%, 32%)
HSB
hsb(356, 83%, 55%)
CMYK
cmyk(0%, 83%, 78%, 45%)
Oklch
oklch(41.5% 0.149 24.1)

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

#600F15

Vermilion · Maroon · Wine Red

HEX
#600F15
RGB
rgb(96, 15, 21)
HSL
hsl(356, 73%, 22%)
HSB
hsb(356, 84%, 38%)
CMYK
cmyk(0%, 84%, 78%, 62%)
Oklch
oklch(32.0% 0.113 23.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DECAA9
AABEDF

Analogous

DFB0AA
DECAA9
D9DFAA

Triadic

DECAA9
AADFCB
CBAADF

Split-Comp.

DECAA9
AAD9DF
B0AADF

Tetradic

DECAA9
AADFB0
AABEDF
DFAAD9

Contrast Matrix WCAG 2.1 Contrast

DECAA9
D33941
B8222B
8B181F
600F15
—
3.0
Fail
4.0
AA Large
5.8
AA
8.3
AAA
3.0
Fail
—
1.3
Fail
2.0
Fail
2.8
Fail
4.0
AA Large
1.3
Fail
—
1.5
Fail
2.1
Fail
5.8
AA
2.0
Fail
1.5
Fail
—
1.4
Fail
8.3
AAA
2.8
Fail
2.1
Fail
1.4
Fail
—
White BG
1.6Fail
4.7AA
6.4AA
9.3AAA
13.3AAA
Black BG
13.1AAA
4.4AA Large
3.3AA Large
2.2Fail
1.6Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

D5D5B1
908F3F
777629
59581D
3D3C14

Deuteranopia

D7D8B3
99A53F
808B28
60691D
424813

Tritanopia

DDB7B9
CB3E3D
B02727
851C1C
5C1212

Achromatopsia

CCCCCC
686868
505050
3B3B3B
282828

Shades & Tints Shades & Tints

#DECAA9

Dark
Light

#D33941

Dark
Light

#B8222B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #decaa9;
  --color-2: #d33941;
  --color-3: #b8222b;
  --color-4: #8b181f;
  --color-5: #600f15;
}

SCSS

$color-1: #decaa9;
$color-2: #d33941;
$color-3: #b8222b;
$color-4: #8b181f;
$color-5: #600f15;

TAILWIND

colors: {
  'brand-1': '#decaa9',
  'brand-2': '#d33941',
  'brand-3': '#b8222b',
  'brand-4': '#8b181f',
  'brand-5': '#600f15',
}

RGB Array

[222, 202, 169], [211, 57, 65], [184, 34, 43], [139, 24, 31], [96, 15, 21]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DECAA9, #D33941, #B8222B, #8B181F, #600F15 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: #decaa9; --color-2: #d33941; --color-3: #b8222b; --color-4: #8b181f; --color-5: #600f15. 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