← Back to Editor

#211D26 · #574A50 · #915159 · #EF4446 · #FF8A80

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#211D26

Deep Indigo · Black · Dark Purple

HEX
#211D26
RGB
rgb(33, 29, 38)
HSL
hsl(267, 13%, 13%)
HSB
hsb(267, 24%, 15%)
CMYK
cmyk(13%, 24%, 0%, 85%)
Oklch
oklch(23.9% 0.018 305.2)

Traditional「Deep Indigo」· Paint「Dark Purple」· Creative Blush Sunrise

#574A50

Dark Violet · DarkSlateGray · Charcoal

HEX
#574A50
RGB
rgb(87, 74, 80)
HSL
hsl(332, 8%, 32%)
HSB
hsb(332, 15%, 34%)
CMYK
cmyk(0%, 15%, 8%, 66%)
Oklch
oklch(42.4% 0.020 348.4)

Traditional「Dark Violet」· Paint「Charcoal」· Creative Midnight Shadow

#915159

Crimson · Sienna · Passion Red

HEX
#915159
RGB
rgb(145, 81, 89)
HSL
hsl(353, 28%, 44%)
HSB
hsb(353, 44%, 57%)
CMYK
cmyk(0%, 44%, 39%, 43%)
Oklch
oklch(51.2% 0.086 12.5)

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

#EF4446

Vermilion · Tomato · Passion Red

HEX
#EF4446
RGB
rgb(239, 68, 70)
HSL
hsl(359, 84%, 60%)
HSB
hsb(359, 72%, 94%)
CMYK
cmyk(0%, 72%, 71%, 6%)
Oklch
oklch(63.7% 0.208 24.7)

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

#FF8A80

Peach Pink · Salmon · Coral Red

HEX
#FF8A80
RGB
rgb(255, 138, 128)
HSL
hsl(5, 100%, 75%)
HSB
hsb(5, 50%, 100%)
CMYK
cmyk(0%, 46%, 50%, 0%)
Oklch
oklch(75.9% 0.144 26.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

211D26
22251D

Analogous

1D1D25
211D26
251D25

Triadic

211D26
25211D
1D2521

Split-Comp.

211D26
25251D
1D251D

Tetradic

211D26
251D1D
22251D
1D2525

Contrast Matrix WCAG 2.1 Contrast

211D26
574A50
915159
EF4446
FF8A80
—
2.0
Fail
2.8
Fail
4.4
AA Large
7.3
AAA
2.0
Fail
—
1.4
Fail
2.2
Fail
3.7
AA Large
2.8
Fail
1.4
Fail
—
1.6
Fail
2.6
Fail
4.4
AA Large
2.2
Fail
1.6
Fail
—
1.6
Fail
7.3
AAA
3.7
AA Large
2.6
Fail
1.6
Fail
—
White BG
16.6AAA
8.4AAA
6.0AA
3.8AA Large
2.3Fail
Black BG
1.3Fail
2.5Fail
3.5AA Large
5.6AA
9.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1F1F24
51514F
757557
A5A346
CCCB82

Deuteranopia

202023
52534E
797E57
AFBC45
D3DC83

Tritanopia

212222
564D4D
8E5655
E64545
F98485

Achromatopsia

1F1F1F
4F4F4F
656565
777777
ACACAC

Shades & Tints Shades & Tints

#211D26

Dark
Light

#574A50

Dark
Light

#915159

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #211d26;
  --color-2: #574a50;
  --color-3: #915159;
  --color-4: #ef4446;
  --color-5: #ff8a80;
}

SCSS

$color-1: #211d26;
$color-2: #574a50;
$color-3: #915159;
$color-4: #ef4446;
$color-5: #ff8a80;

TAILWIND

colors: {
  'brand-1': '#211d26',
  'brand-2': '#574a50',
  'brand-3': '#915159',
  'brand-4': '#ef4446',
  'brand-5': '#ff8a80',
}

RGB Array

[33, 29, 38], [87, 74, 80], [145, 81, 89], [239, 68, 70], [255, 138, 128]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #211D26, #574A50, #915159, #EF4446, #FF8A80 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: #211d26; --color-2: #574a50; --color-3: #915159; --color-4: #ef4446; --color-5: #ff8a80. 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