← Back to Editor

#39414C · #EF8E85 · #CF918A · #A48684 · #787C7F

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

#39414C

Indigo · DarkSlateGray · Prussian Blue

HEX
#39414C
RGB
rgb(57, 65, 76)
HSL
hsl(215, 14%, 26%)
HSB
hsb(215, 25%, 30%)
CMYK
cmyk(25%, 14%, 0%, 70%)
Oklch
oklch(37.2% 0.022 256.4)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#EF8E85

Peach Pink · DarkSalmon · Coral Red

HEX
#EF8E85
RGB
rgb(239, 142, 133)
HSL
hsl(5, 77%, 73%)
HSB
hsb(5, 44%, 94%)
CMYK
cmyk(0%, 41%, 44%, 6%)
Oklch
oklch(74.7% 0.119 26.0)

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

#CF918A

Peach Pink · DarkSalmon · Coral Red

HEX
#CF918A
RGB
rgb(207, 145, 138)
HSL
hsl(6, 42%, 68%)
HSB
hsb(6, 33%, 81%)
CMYK
cmyk(0%, 30%, 33%, 19%)
Oklch
oklch(71.6% 0.077 26.3)

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

#A48684

Crimson · Gray · Passion Red

HEX
#A48684
RGB
rgb(164, 134, 132)
HSL
hsl(4, 15%, 58%)
HSB
hsb(4, 20%, 64%)
CMYK
cmyk(0%, 18%, 20%, 36%)
Oklch
oklch(64.7% 0.037 22.6)

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

#787C7F

Ink Gray · Gray · Warm Gray

HEX
#787C7F
RGB
rgb(120, 124, 127)
HSL
hsl(206, 3%, 48%)
HSB
hsb(206, 6%, 50%)
CMYK
cmyk(6%, 2%, 0%, 50%)
Oklch
oklch(58.4% 0.007 239.9)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

39414C
4C4439

Analogous

394A4C
39414C
3B394C

Triadic

39414C
4C3941
414C39

Split-Comp.

39414C
4C3B39
4A4C39

Tetradic

39414C
4C394A
4C4439
394C3B

Contrast Matrix WCAG 2.1 Contrast

39414C
EF8E85
CF918A
A48684
787C7F
—
4.4
AA Large
4.0
AA Large
3.1
AA Large
2.5
Fail
4.4
AA Large
—
1.1
Fail
1.4
Fail
1.8
Fail
4.0
AA Large
1.1
Fail
—
1.3
Fail
1.6
Fail
3.1
AA Large
1.4
Fail
1.3
Fail
—
1.3
Fail
2.5
Fail
1.8
Fail
1.6
Fail
1.3
Fail
—
White BG
10.3AAA
2.4Fail
2.6Fail
3.3AA Large
4.2AA Large
Black BG
2.0Fail
8.9AAA
8.1AAA
6.3AA
5.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

3C3D49
C5C487
B4B48C
979784
7A7A7E

Deuteranopia

3C3B49
CBD288
B8BC8C
999B85
7A797E

Tritanopia

394747
EA8989
CC8D8D
A28585
787E7E

Achromatopsia

404040
AAAAAA
A3A3A3
8F8F8F
7B7B7B

Shades & Tints Shades & Tints

#39414C

Dark
Light

#EF8E85

Dark
Light

#CF918A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #39414c;
  --color-2: #ef8e85;
  --color-3: #cf918a;
  --color-4: #a48684;
  --color-5: #787c7f;
}

SCSS

$color-1: #39414c;
$color-2: #ef8e85;
$color-3: #cf918a;
$color-4: #a48684;
$color-5: #787c7f;

TAILWIND

colors: {
  'brand-1': '#39414c',
  'brand-2': '#ef8e85',
  'brand-3': '#cf918a',
  'brand-4': '#a48684',
  'brand-5': '#787c7f',
}

RGB Array

[57, 65, 76], [239, 142, 133], [207, 145, 138], [164, 134, 132], [120, 124, 127]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #39414C, #EF8E85, #CF918A, #A48684, #787C7F 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: #39414c; --color-2: #ef8e85; --color-3: #cf918a; --color-4: #a48684; --color-5: #787c7f. 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