← Back to Editor

#392741 · #982A33 · #D7303A · #91CDCB · #4C8688

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

#392741

Dark Plum · DarkSlateGray · Dark Purple

HEX
#392741
RGB
rgb(57, 39, 65)
HSL
hsl(282, 25%, 20%)
HSB
hsb(282, 40%, 25%)
CMYK
cmyk(12%, 40%, 0%, 75%)
Oklch
oklch(30.6% 0.051 315.1)

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

#982A33

Crimson · Brown · Wine Red

HEX
#982A33
RGB
rgb(152, 42, 51)
HSL
hsl(355, 57%, 38%)
HSB
hsb(355, 72%, 60%)
CMYK
cmyk(0%, 72%, 66%, 40%)
Oklch
oklch(45.9% 0.145 20.6)

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

#D7303A

Vermilion · Crimson · Passion Red

HEX
#D7303A
RGB
rgb(215, 48, 58)
HSL
hsl(356, 68%, 52%)
HSB
hsb(356, 78%, 84%)
CMYK
cmyk(0%, 78%, 73%, 16%)
Oklch
oklch(57.7% 0.202 23.6)

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

#91CDCB

Jade · SkyBlue · Lake Green

HEX
#91CDCB
RGB
rgb(145, 205, 203)
HSL
hsl(178, 38%, 69%)
HSB
hsb(178, 29%, 80%)
CMYK
cmyk(29%, 0%, 1%, 20%)
Oklch
oklch(80.7% 0.061 193.4)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#4C8688

Slate Blue · SlateGray · Mint Ice

HEX
#4C8688
RGB
rgb(76, 134, 136)
HSL
hsl(182, 28%, 42%)
HSB
hsb(182, 44%, 53%)
CMYK
cmyk(44%, 1%, 0%, 47%)
Oklch
oklch(58.1% 0.061 198.5)

Traditional「Slate Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

392741
2E4026

Analogous

2B2640
392741
40263B

Triadic

392741
403826
264038

Split-Comp.

392741
3B4026
26402B

Tetradic

392741
402B26
2E4026
263B40

Contrast Matrix WCAG 2.1 Contrast

392741
982A33
D7303A
91CDCB
4C8688
—
1.8
Fail
2.8
Fail
7.7
AAA
3.3
AA Large
1.8
Fail
—
1.6
Fail
4.3
AA Large
1.9
Fail
2.8
Fail
1.6
Fail
—
2.7
Fail
1.2
Fail
7.7
AAA
4.3
AA Large
2.7
Fail
—
2.3
Fail
3.3
AA Large
1.9
Fail
1.2
Fail
2.3
Fail
—
White BG
13.6AAA
7.7AAA
4.8AA
1.8Fail
4.1AA Large
Black BG
1.5Fail
2.7Fail
4.4AA Large
11.8AAA
5.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

31313B
686731
8F8D38
ABACCB
656688

Deuteranopia

323439
6F7730
98A537
A8A3CC
625D87

Tritanopia

383635
932F2F
CF3635
94CCCC
4F8787

Achromatopsia

2F2F2F
4C4C4C
636363
BBBBBB
757575

Shades & Tints Shades & Tints

#392741

Dark
Light

#982A33

Dark
Light

#D7303A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #392741;
  --color-2: #982a33;
  --color-3: #d7303a;
  --color-4: #91cdcb;
  --color-5: #4c8688;
}

SCSS

$color-1: #392741;
$color-2: #982a33;
$color-3: #d7303a;
$color-4: #91cdcb;
$color-5: #4c8688;

TAILWIND

colors: {
  'brand-1': '#392741',
  'brand-2': '#982a33',
  'brand-3': '#d7303a',
  'brand-4': '#91cdcb',
  'brand-5': '#4c8688',
}

RGB Array

[57, 39, 65], [152, 42, 51], [215, 48, 58], [145, 205, 203], [76, 134, 136]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #392741, #982A33, #D7303A, #91CDCB, #4C8688 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: #392741; --color-2: #982a33; --color-3: #d7303a; --color-4: #91cdcb; --color-5: #4c8688. 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