← Back to Editor

#141A26 · #391C3A · #7A3B44 · #F1C4AD · #937C99

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

#141A26

Indigo · Black · Deep Sea Blue

HEX
#141A26
RGB
rgb(20, 26, 38)
HSL
hsl(220, 31%, 11%)
HSB
hsb(220, 47%, 15%)
CMYK
cmyk(47%, 32%, 0%, 85%)
Oklch
oklch(21.8% 0.025 263.8)

Traditional「Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#391C3A

Dark Plum · DarkSlateGray · Dark Purple

HEX
#391C3A
RGB
rgb(57, 28, 58)
HSL
hsl(298, 35%, 17%)
HSB
hsb(298, 52%, 23%)
CMYK
cmyk(2%, 52%, 0%, 77%)
Oklch
oklch(28.0% 0.066 325.9)

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

#7A3B44

Crimson · Sienna · Wine Red

HEX
#7A3B44
RGB
rgb(122, 59, 68)
HSL
hsl(351, 35%, 35%)
HSB
hsb(351, 52%, 48%)
CMYK
cmyk(0%, 52%, 44%, 52%)
Oklch
oklch(43.6% 0.088 12.4)

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

#F1C4AD

Apricot · Wheat · Peach Orange

HEX
#F1C4AD
RGB
rgb(241, 196, 173)
HSL
hsl(20, 71%, 81%)
HSB
hsb(20, 28%, 95%)
CMYK
cmyk(0%, 19%, 28%, 5%)
Oklch
oklch(85.4% 0.060 48.5)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#937C99

Dark Plum · LightSlateGray · Violet

HEX
#937C99
RGB
rgb(147, 124, 153)
HSL
hsl(288, 12%, 54%)
HSB
hsb(288, 19%, 60%)
CMYK
cmyk(4%, 19%, 0%, 40%)
Oklch
oklch(61.7% 0.051 319.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

141A26
251F13

Analogous

132225
141A26
161325

Triadic

141A26
251319
192513

Split-Comp.

141A26
251613
222513

Tetradic

141A26
251322
251F13
132516

Contrast Matrix WCAG 2.1 Contrast

141A26
391C3A
7A3B44
F1C4AD
937C99
—
1.2
Fail
2.1
Fail
11.0
AAA
4.6
AA
1.2
Fail
—
1.8
Fail
9.4
AAA
4.0
AA Large
2.1
Fail
1.8
Fail
—
5.2
AA
2.2
Fail
11.0
AAA
9.4
AAA
5.2
AA
—
2.4
Fail
4.6
AA
4.0
AA Large
2.2
Fail
2.4
Fail
—
White BG
17.4AAA
15.0AAA
8.3AAA
1.6Fail
3.8AA Large
Black BG
1.2Fail
1.4Fail
2.5Fail
13.2AAA
5.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

171723
2C2C33
5F5E42
DEDDB3
898992

Deuteranopia

161622
2E3031
626741
E0E4B4
8A8C90

Tritanopia

142120
382D2C
774040
EFB7B8
928C8B

Achromatopsia

1A1A1A
282828
4F4F4F
CFCFCF
868686

Shades & Tints Shades & Tints

#141A26

Dark
Light

#391C3A

Dark
Light

#7A3B44

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #141a26;
  --color-2: #391c3a;
  --color-3: #7a3b44;
  --color-4: #f1c4ad;
  --color-5: #937c99;
}

SCSS

$color-1: #141a26;
$color-2: #391c3a;
$color-3: #7a3b44;
$color-4: #f1c4ad;
$color-5: #937c99;

TAILWIND

colors: {
  'brand-1': '#141a26',
  'brand-2': '#391c3a',
  'brand-3': '#7a3b44',
  'brand-4': '#f1c4ad',
  'brand-5': '#937c99',
}

RGB Array

[20, 26, 38], [57, 28, 58], [122, 59, 68], [241, 196, 173], [147, 124, 153]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #141A26, #391C3A, #7A3B44, #F1C4AD, #937C99 is ideal for: tech websites, dark mode UIs, game UIs, 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: #141a26; --color-2: #391c3a; --color-3: #7a3b44; --color-4: #f1c4ad; --color-5: #937c99. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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