← Back to Editor

#1D191F · #403240 · #4F3F4F · #708233 · #A9C54C

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

ProfoundPremium

Industry INDUSTRY

FinanceLuxury

UI Context UI CONTEXT

Dark ThemeCorporateData Visualization

Color Details Color Details

#1D191F

Dark Plum · Black · Dark Purple

HEX
#1D191F
RGB
rgb(29, 25, 31)
HSL
hsl(280, 11%, 11%)
HSB
hsb(280, 19%, 12%)
CMYK
cmyk(6%, 19%, 0%, 88%)
Oklch
oklch(22.1% 0.013 314.5)

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

#403240

Rose Purple · DarkSlateGray · Eggplant

HEX
#403240
RGB
rgb(64, 50, 64)
HSL
hsl(300, 12%, 22%)
HSB
hsb(300, 22%, 25%)
CMYK
cmyk(0%, 22%, 0%, 75%)
Oklch
oklch(33.8% 0.031 326.2)

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

#4F3F4F

Rose Purple · DarkSlateGray · Eggplant

HEX
#4F3F4F
RGB
rgb(79, 63, 79)
HSL
hsl(300, 11%, 28%)
HSB
hsb(300, 20%, 31%)
CMYK
cmyk(0%, 20%, 0%, 69%)
Oklch
oklch(39.1% 0.034 326.2)

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

#708233

Grass Green · DarkOliveGreen · Forest Green

HEX
#708233
RGB
rgb(112, 130, 51)
HSL
hsl(74, 44%, 35%)
HSB
hsb(74, 61%, 51%)
CMYK
cmyk(14%, 0%, 61%, 49%)
Oklch
oklch(57.5% 0.107 120.7)

Traditional「Grass Green」· Paint「Forest Green」· Creative Blush Sunrise

#A9C54C

Grass Green · GreenYellow · Olive Green

HEX
#A9C54C
RGB
rgb(169, 197, 76)
HSL
hsl(74, 51%, 54%)
HSB
hsb(74, 61%, 77%)
CMYK
cmyk(14%, 0%, 61%, 23%)
Oklch
oklch(77.9% 0.150 121.0)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

1D191F
1B1F19

Analogous

1A191F
1D191F
1F191E

Triadic

1D191F
1F1D19
191F1D

Split-Comp.

1D191F
1E1F19
191F1A

Tetradic

1D191F
1F1A19
1B1F19
191E1F

Contrast Matrix WCAG 2.1 Contrast

1D191F
403240
4F3F4F
708233
A9C54C
—
1.4
Fail
1.8
Fail
4.1
AA Large
8.9
AAA
1.4
Fail
—
1.2
Fail
2.8
Fail
6.2
AA
1.8
Fail
1.2
Fail
—
2.3
Fail
5.0
AA
4.1
AA Large
2.8
Fail
2.3
Fail
—
2.2
Fail
8.9
AAA
6.2
AA
5.0
AA
2.2
Fail
—
White BG
17.3AAA
12.0AAA
9.7AAA
4.3AA Large
1.9Fail
Black BG
1.2Fail
1.7Fail
2.2Fail
4.9AA
10.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

1B1B1E
3A3A3D
48484B
787846
B5B569

Deuteranopia

1C1C1D
3B3C3C
494A4A
77754B
B4B170

Tritanopia

1D1C1C
3F3A39
4E4847
715559
AA8085

Achromatopsia

1B1B1B
383838
464646
747474
AFAFAF

Shades & Tints Shades & Tints

#1D191F

Dark
Light

#403240

Dark
Light

#4F3F4F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #1d191f;
  --color-2: #403240;
  --color-3: #4f3f4f;
  --color-4: #708233;
  --color-5: #a9c54c;
}

SCSS

$color-1: #1d191f;
$color-2: #403240;
$color-3: #4f3f4f;
$color-4: #708233;
$color-5: #a9c54c;

TAILWIND

colors: {
  'brand-1': '#1d191f',
  'brand-2': '#403240',
  'brand-3': '#4f3f4f',
  'brand-4': '#708233',
  'brand-5': '#a9c54c',
}

RGB Array

[29, 25, 31], [64, 50, 64], [79, 63, 79], [112, 130, 51], [169, 197, 76]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #1D191F, #403240, #4F3F4F, #708233, #A9C54C is ideal for: brand design, premium product pages, magazine layouts, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #1d191f; --color-2: #403240; --color-3: #4f3f4f; --color-4: #708233; --color-5: #a9c54c. 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 finance, legal, luxury industries. Restrained colors convey professionalism and trust. 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