#141726 + #3E183D + #622A59 + #9C3256 + #E2145E - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarmCool

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#141726

Indigo · Black · Deep Sea Blue

HEX

#141726

RGB

rgb(20, 23, 38)

HSL

hsl(230, 31%, 11%)

HSB

hsb(230, 47%, 15%)

CMYK

cmyk(47%, 39%, 0%, 85%)

Oklch

oklch(20.9% 0.030 274.8)

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

#3E183D

Rose Purple · DarkSlateGray · Dark Purple

HEX

#3E183D

RGB

rgb(62, 24, 61)

HSL

hsl(302, 44%, 17%)

HSB

hsb(302, 61%, 24%)

CMYK

cmyk(0%, 61%, 2%, 76%)

Oklch

oklch(28.2% 0.081 328.5)

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

#622A59

Rose Purple · DarkSlateBlue · Eggplant

HEX

#622A59

RGB

rgb(98, 42, 89)

HSL

hsl(310, 40%, 27%)

HSB

hsb(310, 57%, 38%)

CMYK

cmyk(0%, 57%, 9%, 62%)

Oklch

oklch(38.1% 0.103 333.9)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#9C3256

Dark Violet · Brown · Camellia

HEX

#9C3256

RGB

rgb(156, 50, 86)

HSL

hsl(340, 51%, 40%)

HSB

hsb(340, 68%, 61%)

CMYK

cmyk(0%, 68%, 45%, 39%)

Oklch

oklch(48.3% 0.143 3.4)

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

#E2145E

Dark Violet · Crimson · Camellia

HEX

#E2145E

RGB

rgb(226, 20, 94)

HSL

hsl(338, 84%, 48%)

HSB

hsb(338, 91%, 89%)

CMYK

cmyk(0%, 91%, 58%, 11%)

Oklch

oklch(58.9% 0.228 9.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

141726

252213

Analogous

131F25

141726

191325

Triadic

141726

251316

162513

Split-Comp.

141726

251913

1F2513

Tetradic

141726

25131F

252213

132519

Contrast Matrix WCAG 2.1 Contrast

141726	3E183D	622A59	9C3256	E2145E
—	1.2 Fail	1.7 Fail	2.5 Fail	3.8 AA Large
1.2 Fail	—	1.4 Fail	2.1 Fail	3.2 AA Large
1.7 Fail	1.4 Fail	—	1.5 Fail	2.3 Fail
2.5 Fail	2.1 Fail	1.5 Fail	—	1.5 Fail
3.8 AA Large	3.2 AA Large	2.3 Fail	1.5 Fail	—

White BG

17.8AAA

15.0AAA

10.5AAA

7.0AA

4.7AA

Black BG

1.2Fail

1.4Fail

2.0Fail

3.0AA Large

4.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

151522

2E2D34

4A494E

6E6D4D

89874C

Deuteranopia

151522

303332

4D514B

747C4B

95A448

Tritanopia

14201F

3C2D2B

5F4543

974645

D83E3B

Achromatopsia

181818

282828

404040

565656

5A5A5A

Shades & Tints Shades & Tints

#141726

Dark

Light

#3E183D

Dark

Light

#622A59

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #141726;
  --color-2: #3e183d;
  --color-3: #622a59;
  --color-4: #9c3256;
  --color-5: #e2145e;
}

SCSS

$color-1: #141726;
$color-2: #3e183d;
$color-3: #622a59;
$color-4: #9c3256;
$color-5: #e2145e;

TAILWIND

colors: {
  'brand-1': '#141726',
  'brand-2': '#3e183d',
  'brand-3': '#622a59',
  'brand-4': '#9c3256',
  'brand-5': '#e2145e',
}

RGB Array

[20, 23, 38], [62, 24, 61], [98, 42, 89], [156, 50, 86], [226, 20, 94]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #141726, #3E183D, #622A59, #9C3256, #E2145E is ideal for: tech websites, dark mode UIs, game UIs. 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: #141726; --color-2: #3e183d; --color-3: #622a59; --color-4: #9c3256; --color-5: #e2145e. 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. 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